入门任务7 修改

4. a:link, a:hover, a:active, a:visited 的顺序是怎样的？ 为什么？

1、样式声明顺序a:link;a:visited;a:hover;a:active.
2、:link代表为访问链接的样式，所以只要你是超链接，且未被访问过，则链接都会按照你设定的样式显示，所以它的位置顺序无所谓。
:visited代表链接访问后的样式，则链接一旦被访问，则之后它的样式就会是你所设置的visited样式
:active 选择器用于选择活动链接。当您在一个链接上点击时，它就会成为活动的（激活的）。
:hover 代表的是你光标经过某一元素时的样式，如果将此样式放在:active之后，则当链接激活时，显示:active样式，当光标经过此链接时，会显示hover的样式，因为hover排在后，会覆盖active样式。如果:hover排在前，:active排在后，则当光标激活时显示:active的样式，但当光标经过链接时，样式并未显示:hover的样式，而是:active的样式，因为应用的active样式在hover之后，覆盖了前面的样式。
3、同理我们可以理清:link,:visited,:focus,:hover,:active的顺序，即为:link, :visited,:focus,:hover,:active

7. div:first-child、div:first-of-type、div :first-child和div :first-of-type的作用和区别 （注意空格的作用）

div:first-child 匹配父元素下，作为第一个子元素的div元素
div:first-of-type 匹配父元素的子元素中，第一个div元素
div :first-child 匹配所有div元素内所有元素中属于其父元素的首个子元素
div :first-of-type 匹配所有div元素内所有元素中属于其父元素的首个类型的子元素