:not() 選擇器可用于排除特定條件的元素,其語法為 :not(selector) {樣式規則}。示例::not(p) 排除所有非段落元素,li:not(.active) 排除非活動列表項,:not(table) 排除非表格元素,div:not([data-role="primary"]) 排除非 primary 角色的 div 元素。
CSS 中排除部分元素的選擇器
:not() 選擇器用于排除匹配特定條件的元素。以下是如何使用 :not() 選擇器:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">:not(selector) { /* 樣式規則 */ }</code>
登錄后復制
其中:
:not
是選擇器類型。
selector
是要排除的元素選擇器。
示例:
要排除所有不是段落的元素,可以使用以下選擇器:
<code class="css">:not(p) { color: red; }</code>
登錄后復制
其他示例:
排除帶有特定類名的元素:li:not(.active)
排除不是表格中的元素::not(table)
排除具有特定屬性的元素:div:not([data-role="primary"])