首頁 > web前端 > css教學 > css選擇器排除部分的元素是什麼

css選擇器排除部分的元素是什麼

下次还敢
發布: 2024-04-06 02:42:16
原創
1124 人瀏覽過

:not() 選擇器可用來排除特定條件的元素,其語法為 :not(selector) {樣式規則}。範例::not(p) 排除所有非段落元素,li:not(.active) 排除非活動清單項,:not(table) 排除非表格元素,div:not([data-role="primary"])排除非primary 角色的div 元素。

css選擇器排除部分的元素是什麼

CSS 中排除部分元素的選擇器

:not() 選擇器用於排除符合特定條件的元素。以下是如何使用 :not() 選擇器:

<code class="css">:not(selector) {
  /* 样式规则 */
}</code>
登入後複製

其中:

  • #:not 是選擇器類型。
  • selector 是要排除的元素選擇器。

範例:

要排除所有不是段落的元素,可以使用下列選擇器:

<code class="css">:not(p) {
  color: red;
}</code>
登入後複製

其他範例:

  • 排除有特定類別名稱的元素:li:not(.active)
  • 排除不是表格中的元素: :not(table)
  • 排除具有特定屬性的元素:div:not([data-role="primary"])
#

以上是css選擇器排除部分的元素是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板