css3 新增了一些僞類選擇器的解析(保證記住)

css3 新增了一些僞類選擇器

好比: selecor:first-child

不要費力去理解他們到底爲了解決什麼問題, 是對集合進行操做仍是怎麼怎麼着, 記住這麼一個規則:
若是 selector:first-child 生效, 須要:
    **selector.parent.children.first == selector;**

也就是: 當前元素的父元素的第一個子元素就是它自己, 此時, selector:first-child 纔會生效.

同理:
selector:last-child, 須要:

selector.parent.children.last == selector;  纔會生效

第二類

nth-child()
注意這裏的 n 有很大發展空間, 能夠實現 奇／偶, 選擇哪幾個, 從哪幾個開始選.

nth-last-child() 倒着選

第三類

:first-of-type
:last-of-type

第四類

:nth-of-type
:nth-last-of-type

第五類

:root
選擇文檔根元素.就是 html
:empty
選擇元素中連個空格都沒有的元素
:not
否認選擇器
:only-child
在集合只有一個元素的時候纔會生效.
::selection
只能設置兩個屬性：background,color.