css3选择器

1 :first-of-type(:last-of-type)

匹配属于其父元素的特定类型的首个子元素的每个元素

例子：p:first-of-type{

            background:#ff0000;

   }

2 :only-of-type

匹配属于其父元素的特定类型的唯一子元素的每个元素

例子：p:only-of-type{

            background:#cdfaf9;

   }

3:only-child

匹配属于其父元素的唯一子元素的每个元素

例子：p:only-child{

            background:#e6fbcd;

   }

4 :nth-child(n)     (nth-last-child(n))

匹配属于其父元素的第 N 个子元素，不论元素的类型。

n 可以是数字、关键词或公式

例子：li:nth-last-child(2n){

            background:#FF6600;

   }

5 input:checked

匹配每个已被选中的 input 元素（只用于单选按钮和复选框）

例子：input:checked{

            height:30px;

            width:30px;

   }

6 :not(selector)

匹配非指定元素/选择器的每个元素

例子：div:not(p){

            color:#f96308;