Skip to content

Commit 97f02b9

Browse files
committed
[css3-layout] Added a slightly nicer alternative syntax without double
parentheses for ::region() in the section about alternative ways to do region-based styling.
1 parent 1a8deb0 commit 97f02b9

1 file changed

Lines changed: 13 additions & 2 deletions

File tree

css-template/Overview.src.html

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4097,8 +4097,19 @@ <h4 id=select-after-pseudo>Style the contents of slots (region-based
40974097

40984098
<p>Yet another possibility is a generic 'region()' pseudo-element:
40994099

4100-
<pre>P::region(BODY::slot(c)) { color: yellow }
4101-
EM::region(P::first-line) { font-weight: normal }</pre>
4100+
<pre>P::region(slot(c)) { color: yellow }
4101+
EM::region(first-line) { font-weight: normal }</pre>
4102+
4103+
<p>Or without the nested parentheses:
4104+
4105+
<pre>P::region(slot c) { color: yellow }
4106+
EM::region(first-line) { font-weight: normal }</pre>
4107+
4108+
<p>The name “region” may not be the best. Some alternatives are:
4109+
4110+
<pre>EM::part(first-line) { font-weight: normal }
4111+
EM::inside(first-line) { font-weight: normal }
4112+
EM::overlap(first-line) { font-weight: normal }</pre>
41024113

41034114
<p>And [[CSS3-REGIONS]] proposes an at-rule, '@region':
41044115

0 commit comments

Comments
 (0)