高级选择器:
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标签选择器