: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 # 标题

此页面由 MDN 贡献者最后修改于 2025 年 8 月 20 日。