0301CSS学习

• 学习内容
  
  • 伪类：
    • 普通伪类：p:nth-of-type(n){}    表示p元素第n次出现的时候的样式。
    • p:first-child{}  表示多个p元素中，第一个p元素的样式。
    • p:last-child{}  表示多个p元素中，最后一个p元素的样式。
    • p:nth-child(n+2){}  表示对出现的一系列的p元素，仅从第二个开始执行此样式。
    • 结合以上4类伪类，可以对同样的选择器，不的位置进行不同的样式定义。
  • 锚伪类：
    • a:link{} 未点击时呈现的样式
    • a:visited{} 点击过后呈现的样式
    • a:hover{} 鼠标悬停时呈现的样式
    • a:active{} 鼠标点击时呈现的样式
    • 这四类伪类用于超链接时需要注意顺序，hover必须在link和visitived之后才是有效的。active必须在hover之后才是有效的。
    • 其中hover常用于多级菜单的设计，鼠标悬停出现特效。
  • 至此，CSS选择器相关内容已基本学习完成，此外还发现了一篇介绍CSS常用选择器的文章，可以提高效率和节省代码。文章链接如下：30个必须记住的CSS选择器