CSS 伪类

CSS

UI伪类

• 链接伪类（按顺序使用）

a:link{}
a:visited{}
a:hover{}
a:active{}

• :focus 伪类（p、input、focus、section等文字字段）

input:focus{}

• :target 伪类
  当用户点击一个指向id的链接（页面定位）时，可以对拥有这个id的元素的样式进行设计。

#more_info:target{}

• :not 伪类
  匹配不符合参数选择器描述的元素
  语法
  :not(selector){}

结构化伪类

• :first-child 和 :last-child
  前者表示一组同胞元素中的第一个元素，后者表示最后一个。

<ol class="result">
    <li>My Fast Pony</li>
    <li>Steady Trotter</li>
    <li>Slow Ol' Nag</li>
</ol>

ol.result li:first-child{color: blue;}
ol.result li:last-child{color: red;}

• :nth-child(an+b)
  括号外是选择器写法，括号内a、b为常数。作用为选择第an+b个同胞元素。
  n=0时，选择第b个，n存在时，选择尽可能多的符合an+b序号的元素。
  使用odd/even与使用2n+1/2n效果相同。