:heading

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

:heading CSS 偽類 匹配文件中的所有標題元素。這允許你一次性樣式化所有標題,而無需單獨匹配和樣式化它們。

此偽類僅匹配預設情況下在語義上被識別為標題的元素(<h1><h6>)。具有 role="heading" 的元素不匹配;你可以使用 [role="heading"] 屬性選擇器來選擇它們。

注意: :heading 偽類與類選擇器具有相同的特異度,即 0-1-0。因此 :heading 的特異度為 0-1-0,而 section:heading 的特異度為 0-1-1

語法

css
:heading {
  /* ... */
}

示例

樣式化所有標題

本示例中的文件包含三個不同級別的標題。

html
<h1>Mastering CSS</h1>
<h2>Chapter 1: Selectors</h2>
<h3>1.1 Pseudo-classes</h3>
css
:heading {
  color: tomato;
}

:heading 偽類將 color 應用於文件中的所有標題

:heading 偽類將 color 應用於文件中的所有標題。

規範

規範
選擇器 Level 5
# 標題

瀏覽器相容性

另見