作业答案:
- plate 元素选择器
- bento 元素选择器
- #fancy id选择器
- plate apple 后代选择器
- #fancy pickle 交集选择器
- .small 类选择器
- bento .small,plate .small 并集选择器
- bento orange.small 交集选择器
- bento,plate 并集选择器
- * 通配选择器
- plate * 交集通配选择器
- plate+apple 兄弟选择器(后边一个元素)
- bento ~ pickle 兄弟选择器(后边所有元素)
- plate > apple 子元素选择器
- plate :first-child 子元素选择器(为第一个子元素)
- apple,plate pickle 并集选择器
- apple,pickle 并集选择器
- plate:nth-child(3) 子元素选择器(为指定位置的子元素)
- bento:first-of-type 子元素选择器(为bento标签第一个子元素)
- apple:first-of-type 子元素选择器(为apple标签第一个子元素)
- plate:nth-of-type 子元素选择器 (为plate标签偶数子元素)
- plate:nth-child(2n+3) 子元素选择器(选择第2n+3个plate元素)【公式2n+3中n是计数器(从0开始)3是偏移值】
- orange:last-of-type,apple:last-of-type 子元素选择器(选择最后一个标签)| 并集选择器
- bento:empty 选择bento标签没有子元素的元素
- apple:not(.small) 子元素选择器 (否定伪类)
个人博客
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>作业</title>
</head>
<body>
<center>
<a href="#aa">去底部</a> |<a name="bb"></a> <a href="#zz">去指定位置</a>
<h1>这是我的个人博客</h1>
<a href="">张碧晨&杨宗纬</a>
<h2>入夜渐微凉 繁花落地成霜<br>
你在远方眺望 耗尽所有暮光<br>
不思量 自难相忘<br>
夭夭桃花凉 前世你怎舍下<br>
这一海心茫茫 还故作不痛不痒不牵强<br>
都是假象<br>
凉凉夜色 为你思念成河<br>
化作春泥 呵护着我 <br>
浅浅岁月 拂满爱人袖 <br>
<img src="../../Saved Pictures/凉凉1.jpg" alt="三生三世十里桃花" width="300px"/><br>
片片芳菲 入水流<br>
凉凉天意 潋滟一身花色<br>
落入凡尘 伤情着我 <br>
生劫易渡 情劫难了 <br>
折旧的心 还有几分前生的恨<br>
还有几分前生的恨<br>
也曾鬓微霜 也曾因你回光<br>
悠悠岁月漫长 怎能浪费时光<br>
去流浪(去流浪)去换成长<br>
灼灼桃花凉 今生愈渐滚烫<br>
一朵已放心上 足够三生三世背影成双(背影成双)<br>
<img src="../../Saved Pictures/凉凉2.jpg" alt="三生三世十里桃花" width="300px" /><br>
在水一方<br>
凉凉夜色 为你思念成河<br>
化作春泥 呵护着我<br>
浅浅岁月 拂满爱人袖<br><a name="zz"></a>
片片芳菲 入水流<br>
凉凉天意 潋滟一身花色<br>
落入凡尘 伤情着我<br>
生劫易渡 情劫难了<br>
折旧的心 还有几分前生的恨<br>
凉凉十里 何时还会春盛<br>
又见树下 一盏风存 <br>
落花有意 流水无情 <br>
别让恩怨爱恨 凉透那花的纯<br>
吾生愿 牵尘<br>
</h2>
友情链接:<a href="#">A链接</a> | <a href="#">B链接</a> | <a href="#">C链接</a><br>
<a name="aa"></a><a href="#bb">去顶部</a> | <a href="#">联系我们</a>
</center>
</body>
</html>