@@ -365,22 +365,22 @@ For example, the following rule is not valid:
365365@supports (transition-property: color) or
366366 (animation-name: foo) and
367367 (transform: rotate(10deg)) {
368- // ...
368+ /* ... */
369369}
370370</pre>
371371Instead, authors must write one of the following:
372372<pre>
373373@supports ((transition-property: color) or
374374 (animation-name: foo)) and
375375 (transform: rotate(10deg)) {
376- // ...
376+ /* ... */
377377}
378378</pre>
379379<pre>
380380@supports (transition-property: color) or
381381 ((animation-name: foo) and
382382 (transform: rotate(10deg))) {
383- // ...
383+ /* ... */
384384}
385385</pre>
386386</div>
@@ -392,13 +392,13 @@ when it is the only thing in the expression.
392392For example, the following rule is not valid:
393393<pre class="illegal">
394394@supports display: flex {
395- // ...
395+ /* ... */
396396}
397397</pre>
398398Instead, authors must write:
399399<pre>
400400@supports (display: flex) {
401- // ...
401+ /* ... */
402402}
403403</pre>
404404</div>
@@ -412,7 +412,7 @@ authoring tools.
412412For example, authors may write:
413413<pre>
414414@supports ((display: flex)) {
415- // ...
415+ /* ... */
416416}
417417</pre>
418418</div>
@@ -424,7 +424,7 @@ though it won't change the validity of the declaration.
424424For example, the following rule is valid:
425425<pre>
426426@supports (display: flex !important) {
427- // ...
427+ /* ... */
428428}
429429</pre>
430430</div>
0 commit comments