Skip to content

Commit 8ae210f

Browse files
committed
[css-contain-3] Clarify syntax of the @container rule for proper handling of parenthesis
1 parent 37e28d0 commit 8ae210f

File tree

1 file changed

+14
-12
lines changed

1 file changed

+14
-12
lines changed

css-contain-3/Overview.bs

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -565,30 +565,30 @@ Container Queries: the ''@container'' rule</h3>
565565
to only match when the [=container query=]
566566
is true for their element’s [=query container=].
567567

568-
569568
The syntax of the ''@container'' rule is:
570569

571570
<pre class="prod def">
572-
@container [ <<container-name>> ]? <<container-query>> {
573-
<<stylesheet>>
571+
@container [ <<container-name>> ]? <<container-condition>> {
572+
<<stylesheet>>
574573
}
575574
</pre>
576575

577576
where:
578577

579578
<pre class="prod def">
580-
<dfn><<container-query>></dfn> = ( <<container-condition>> )
579+
<dfn><<container-condition>></dfn> = not <<query-in-parens>>
580+
| <<query-in-parens>> [ [ and <<query-in-parens>> ]* | [ or <<query-in-parens>> ]* ]
581+
<dfn><<query-in-parens>></dfn> = ( <<container-condition>> )
581582
| ( <<size-feature>> )
582583
| style( <<style-query>> )
583584
| <<general-enclosed>>
584-
<dfn><<container-condition>></dfn> = not <<container-query>>
585-
| <<container-query>> [ and <<container-query>> ]*
586-
| <<container-query>> [ or <<container-query>> ]*
587-
588-
<dfn><<style-query>></dfn> = <<style-feature>> | <<style-condition>>
589-
<dfn><<style-condition>></dfn> = not ( <<style-query>> )
590-
| ( <<style-query>> ) [ and ( <<style-query>> ) ]*
591-
| ( <<style-query>> ) [ or ( <<style-query>> ) ]*
585+
586+
<dfn><<style-query>></dfn> = <<style-condition>> | <<style-feature>>
587+
<dfn><<style-condition>></dfn> = not <<style-in-parens>>
588+
| <<style-in-parens>> [ [ and <<style-in-parens>> ]* | [ or <<style-in-parens>> ]* ]
589+
<dfn><<style-in-parens>></dfn> = ( <<style-condition>> )
590+
| ( <<style-feature>> )
591+
| <<general-enclosed>>
592592
</pre>
593593

594594

@@ -1012,6 +1012,8 @@ Changes since the 21 December 2021 First Public Working Draft</h3>
10121012

10131013
Significant changes since the <a href="https://www.w3.org/TR/2021/WD-css-contain-3-20211221/">21 December 2021 First Public Working Draft</a> include:
10141014

1015+
* Clarify the syntax of syntax of the ''@container'' rule
1016+
to appropriately handle parenthesis.
10151017
* Remove the <<string>> option from the 'container-name' syntax.
10161018
Container names must be <<custom-ident>>s.
10171019
(<a href="https://github.com/w3c/csswg-drafts/issues/6405">Issue 6405</a>)

0 commit comments

Comments
 (0)