selector :first-child 這個是後代選擇器. 怪異, 注意避免而不是理解.
selector:first-child
當前 selector 選中的元素集合中的第乙個元素
selector:last-child
當前 selector 選中的元素集合中的最後乙個元素.
但是有問題, :last-child 不生效.
應該是:
1 當前 selector 的父元素 parent
2 parent所有子元素, [a,b,c]
3 子元素的集合的第乙個元素, 如果是 selector
4 設定樣式, 生效.
**if(selecor.parent.childelementlist.firstelement === 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.
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...
css3新增選擇器
1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素,需要選擇有某個屬性的元素,而不論是行為是什麼,可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇,只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素,進一步縮小...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性,並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性,並且值當中只要包含完整的value單詞,就會被選擇 4.dom attr value 帶有att...