css3 新新增的選擇器

2022-07-25 20:36:12 字數 1631 閱讀 2058

e~f:選擇e元素後面的所有兄弟元素f。

e[att*="val"]:選擇具有att屬性且屬性值為包含val的字串的e元素。

e[att^="val"]:

選擇具有att屬性且屬性值為以val開頭的字串的e元素。

e[att$="val"]選擇具有att屬性且屬性值為以val結尾的字串的e元素。

e:not()匹配不含有s選擇符的元素e。

e:root匹配e元素在文件。

e:only-child匹配父元素僅有的乙個子元素e。(要使該屬性生效,e物件必須是某個物件的子元素。)

e:last-child匹配父元素的最後乙個子元素e。

e:nth-child(n)匹配父元素的第n個子元素e。要使該屬性生效,e物件必須是某個物件的子元素。 

e:nth-last-child(n)匹配父元素的倒數第n個子元素e。要使該屬性生效,e物件必須是某個物件的子元素。 

e:first-of-type匹配同型別中的第乙個同級兄弟元素e。

e:last-of-type匹配同型別中的最後乙個同級兄弟元素。

e:only-of-type匹配同型別中的唯一的乙個同級兄弟元素e。

e:nth-of-type(n)匹配同型別中的第n個同級兄弟元素e。

e:nth-last-of-type(n)匹配同型別中的倒數第n個同級兄弟。

e:empty匹配沒有任何子元素(包括text節點)的元素e。

e:checked匹配使用者介面上處於選中狀態的元素e。(用於input type為radio與checkbox時)。

e:enabled匹配使用者介面上處於可用狀態的元素e。

e:disabled匹配使用者介面上處於禁用狀態的元素e。

e:target匹配相關url指向的e元素。

e::selection

設定物件被選擇時的樣式。

css3 新增的選擇器

1.css3新增的3個屬性選擇器 attribute value eg a src https 選擇其 src 屬性值以 https 開頭的每個 元素。attribute value eg a src pdf 選擇其 src 屬性以 pdf 結尾的所有 元素 所以可以使用css3實現不同檔案給與不同...

CSS3 新增的選擇器

css3新增的三個模組 關係選擇器 e f下乙個滿足條件的兄弟元素節點 e f並列結構下滿足條件的兄弟元素節點 屬性選擇器 偽元素選擇器 效果偽類選擇器 描述 被選中的元素一種狀態 e not s 真實應用於為ul下面的li新增下線,最後乙個不新增。不會出現線重疊 e root e target 被...

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...