diff --git a/files/en-us/web/css/_colon_heading/index.md b/files/en-us/web/css/_colon_heading/index.md index b42bed7c09d2ca3..6a0ebf19fe0c572 100644 --- a/files/en-us/web/css/_colon_heading/index.md +++ b/files/en-us/web/css/_colon_heading/index.md @@ -7,7 +7,8 @@ sidebar: cssref --- The **`:heading`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) matches all [heading elements](/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements) in a document. This allows you to style all headings at once, rather than matching and styling them individually. -This pseudo-class matches only elements that are semantically recognized as headings (`

` through `

`). Elements with [`role="heading"`](/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/heading_role) are not matched; you can select those by using the functional form, {{CSSXRef(":heading_function", ":heading()")}}. + +This pseudo-class matches only elements that by default are semantically recognized as headings (`

` through `

`). Elements with [`role="heading"`](/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/heading_role) are not matched; you can select those by using the `[role="heading"]` [attribute selector](/en-US/docs/Web/CSS/Attribute_selectors). > [!NOTE] > The `:heading` pseudo-class has the same [specificity](/en-US/docs/Web/CSS/CSS_cascade/Specificity#how_is_specificity_calculated) as a class selector, that is, `0-1-0`. So `:heading` would have a specificity of `0-1-0`, and `section:heading` would have a specificity of `0-1-1`.