CSS3 新增選擇器概覽

2021-09-17 02:22:17 字數 895 閱讀 7164

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...