CSS :is() 偽類

定義和用法

CSS :is() 偽類用于同時為括號內的所有元素應用相同的樣式。

:is() 偽類需要一個以逗號分隔的選擇器列表作為其參數。

提示：在處理 HTML 部分和標題時，:is() 偽類非常有用。

請看以下示例：

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  color: green;
}

等同于：

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  color: green;
}

實例

為 p.intro、<ul> 和 <ol> 元素應用紅色文本顏色：

:is(p.intro, ul, ol) {
  color: red;
}

親自試一試

CSS 語法

:is(selector-list) {
  css declarations;
}

技術細節

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。