了解CSS3的高级选择器

高级选择器：

p:first-of-type选择属性其父元素首个<p>元素的每个<p>元素

p:last-of-type选择属性其父元素最后<p>元素的每个<p>元素

p:only-of-type 选择属于父元素唯一的<p>元素的每个<p>元素

p:first-chid选择属性其父元素的第一个元素的每个<p>元素

p:last-chid选择属性其父元素的最后一个元素的每个<p>元素

p:nth-child(n) 选择属性其父元素的第n个子元素的每个<p>元素

nth-of-type强调的是类型 无论p前面还是后面有其他的元素 都不会影响nth-of-type设置的形状

p:before表示在每个p元素的内容之前插入内容

p:after表示在每个p元素的内容后面插入内容

p:before表示在每个p元素的内容之前插入内容

优先级算法：

        !important                                 infinity(无穷大)

        行内样式                                   1000

        id选择器                                    100

        class选择器|属性选择器|伪类    10

        标签选择器                                 1

        通配符（*）                                0

!important > id选择器 > class类选择器 > tag标签选择器