今天完成的事情：今天对之前的任务重新思考，加深对布局的理解，学习了伪类的使用

明天计划的事情：明天计划完成任务十

遇到的问题：暂无 

收获：

1、anchor（锚）伪类

hover 鼠标浮于上方

:link 未被访问的链接

:visited 已被访问的链接

:active   active 一个元素被激活,即鼠标按下  ，用于设置鼠标点击链接时到鼠标松开时的样式

:focus           用于设置用键盘将焦点放在元素上时的样式（如用tab键或者上下键来移动页面焦点时）

3、first-child 伪类

使用 :first-child 伪类来选择父元素的第一个子元素。

:last-child                   选中最后一个元素

:nth-child()                 括号里面的取值可以为三类：

1)数字   :nth-child(3)表示选中父元素的第三个子元素

2)自变量为n的表达式     :nth-child(3n)代表选中父元素的第3,6,9.....3n的子元素

3)even或者odd     分别代表选中父元素的奇数或者偶数个子元素

:nth-last-child()         与 :nth-child()的不同点在于，这个是从最后一个元素开始计算，取值都是一样的。

4、:not()元素的使用

选择非（）中的所有元素

5、

:first-letter选择器用来指定元素第一个字母的样式。

:first-line选择器用来指定选择器第一行的样式。

6、

:before 选择器向选定的元素前插入内容。

:after 选择器向选定的元素之后插入内容。

7、:lang 向带有指定 lang 属性开始的元素添加样式。