CSS伪类选择器之属性选择

CSS独立给某些元素设置属性时，需要单独选择到某个元素。这里来总结一下常用到的。

1 :first-child    父元素的第一个子元素

2 :last-child   父元素的最后一个子元素

3 :nth-child(n)   n从1开始，父元素的第n个子元素

4 :not   不是某个元素

当然这里可以联合起来使用，具体形式为   :not(:last-child)

当然这里需要注意一点，也是我最近一直在用发现的。

这样一个结构

<div>

<span></span>

<p></p>

<p></p>

</div>

之前以为我要找到div 下面第一个P标签，div>p:first-child.后来发现事实并非如此，而是div>p:nth-child(2)，因为p标签是div 的第二个元素。

道理我也理解，可能是自己还未理解透彻，回头弄清楚再来记录。