Skip to content

Commit 8eb3787

Browse files
authored
[css-selectors-5]: move from :heading(<An+B>#) to :heading(<level>#) (#12634)
1 parent 51f2b36 commit 8eb3787

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

selectors-5/Overview.bs

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -173,13 +173,16 @@ Heading Structures: the heading pseudo-classes '':heading'', and '':heading()''<
173173

174174
As a functional pseudo-class,
175175
<dfn id='heading-functional-pseudo' lt=':heading()'>:heading()</dfn>
176-
notation represents elements that have a <a>heading level</a> among <var>An+B</var>.
176+
notation represents elements that have a <a>heading level</a> among matching
177+
any of the provided <var>integer</var> values.
177178
The syntax is:
178179

179180
<pre class=prod>
180-
:heading() = :heading( <<An+B>># )
181+
:heading() = :heading( <<level>># )
181182
</pre>
182183

184+
where <dfn><code>&lt;level></code></dfn> is a <<number-token>> with its type flag set to "integer".
185+
183186
The [=specificity=] of '':heading()'' is that of a class.
184187

185188
<div class="example">
@@ -188,10 +191,10 @@ Heading Structures: the heading pseudo-classes '':heading'', and '':heading()''<
188191
500, additionally heading levels 1 and 2 will be underlined, while 3 and
189192
beyond will have no text-decoration:
190193

191-
<pre>:heading(-n+3) { font-weight: 900; }</pre>
192-
<pre>:heading(n+6) { font-weight: 500; }</pre>
194+
<pre>:heading(1, 2, 3) { font-weight: 900; }</pre>
195+
<pre>:heading(6, 7, 8, 9) { font-weight: 500; }</pre>
193196
<pre>:heading(1, 2) { text-decoration: underline; }</pre>
194-
<pre>:heading(n+3) { text-decoration: none; }</pre>
197+
<pre>:heading(3, 4, 5, 6, 7, 8, 9) { text-decoration: none; }</pre>
195198
</div>
196199

197200
Note: The <a>heading level</a> might be different from an element's

0 commit comments

Comments
 (0)