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 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...