Skip to content

Commit 9983ba8

Browse files
authored
Merge pull request #5474 from EB-Forks/fix/gh-5428
Editorial change, no need for IPR commitment.
2 parents 5b28aaa + 83654b6 commit 9983ba8

File tree

5 files changed

+31
-31
lines changed

5 files changed

+31
-31
lines changed

css-extensions-1/Overview.bs

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Introduction</h2>
1818
one often encounters significant repetition in certain features.
1919
For example, a given media query might be repeated in several places,
2020
or a selector meant to apply to all heading elements
21-
requires specifying '':matches(h1, h2, h3, h4, h5, h6)'' in every location that uses it.
21+
requires specifying '':is(h1, h2, h3, h4, h5, h6)'' in every location that uses it.
2222

2323
This repetition makes stylesheets more verbose and difficult to read,
2424
and also affects maintenance,
@@ -84,7 +84,7 @@ Extension Names</h2>
8484
</div>
8585

8686
This defines a <a>custom selector</a> which is written as a <a spec=selectors>pseudo-class</a> with the given <<extension-name>>,
87-
and represents a '':matches()'' selector using the provided <<selector-list>> as its argument.
87+
and represents a '':is()'' selector using the provided <<selector-list>> as its argument.
8888

8989
<div class='example'>
9090
For example, if an author wanted to easily refer to all heading elements in their HTML document,

css-nesting-1/Overview.bs

+4-4
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ Nesting Selector: the ''&'' selector {#nest-selector}
9999
<div class="note">
100100
The <a>nesting selector</a> can be desugared
101101
by replacing it with the parent style rule's selector,
102-
wrapped in a '':matches()'' selector.
102+
wrapped in a '':is()'' selector.
103103
For example,
104104

105105
<pre class=lang-css>
@@ -111,7 +111,7 @@ Nesting Selector: the ''&'' selector {#nest-selector}
111111
is equivalent to
112112

113113
<pre class=lang-css>
114-
:matches(a, b) c { color: blue; }
114+
:is(a, b) c { color: blue; }
115115
</pre>
116116
</div>
117117

@@ -221,8 +221,8 @@ Direct Nesting {#direct}
221221
}
222222
/* equivalent to
223223
.foo, .bar { color: blue; }
224-
:matches(.foo, .bar) + .baz,
225-
:matches(.foo, .bar).qux { color: red; }
224+
:is(.foo, .bar) + .baz,
225+
:is(.foo, .bar).qux { color: red; }
226226
*/
227227
</pre>
228228

css-scoping-1/Overview.bs

+1-1
Original file line numberDiff line numberDiff line change
@@ -274,7 +274,7 @@ Selecting Into the Light: the '':host'', '':host()'', and '':host-context()'' ps
274274
plus the [=specificity=] of its argument.
275275

276276
Note: This is different from the specificity of similar pseudo-classes,
277-
like '':matches()'' or '':not()'',
277+
like '':is()'' or '':not()'',
278278
which <em>only</em> take the specificity of their argument.
279279
This is because '':host'' is affirmatively selecting an element all by itself,
280280
like a "normal" pseudo-class;

css-tables-3/Overview.bs

+22-22
Original file line numberDiff line numberDiff line change
@@ -3241,13 +3241,13 @@ Using CSS Tables does not incur any privacy risk to mitigate.
32413241
RULES (part 1/3)
32423242
http://codepen.io/FremyCompany/pen/GopJMp
32433243
-->
3244-
table:matches([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]) {
3244+
table:is([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]) {
32453245
border-collapse: collapse;
32463246
border-style: hidden;
32473247
}
32483248

3249-
table:matches([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]),
3250-
table:matches([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]) > :matches(thead,tbody,tfoot) > tr > :matches(th,td) {
3249+
table:is([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]),
3250+
table:is([rules=all i], [rules=rows i], [rules=cols i], [rules=groups i], [rules=none i]) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
32513251
border-color: black;
32523252
}
32533253

@@ -3258,28 +3258,28 @@ Using CSS Tables does not incur any privacy risk to mitigate.
32583258
table[border=$border] /* if(parseInt($border) > 0) */ {
32593259
border: /*(parseInt($border) * 1px)*/ outset rgb(128, 128, 128);
32603260
}
3261-
table[border=$border] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) /* if(parseInt($border) > 0) */ {
3261+
table[border=$border] > :is(thead,tbody,tfoot) > tr > :is(th,td) /* if(parseInt($border) > 0) */ {
32623262
border: 1px inset rgb(128, 128, 128);
32633263
}
32643264

32653265
<!--
32663266
RULES (part 2/3)
32673267
http://codepen.io/FremyCompany/pen/GopJMp
32683268
-->
3269-
table[rules=all i] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) {
3269+
table[rules=all i] > :is(thead,tbody,tfoot) > tr > :is(th,td) {
32703270
border: 1px solid grey;
32713271
}
3272-
table[rules=rows i] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) {
3272+
table[rules=rows i] > :is(thead,tbody,tfoot) > tr > :is(th,td) {
32733273
border: 1px solid grey;
32743274
border-left: none;
32753275
border-right: none;
32763276
}
3277-
table[rules=cols i] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) {
3277+
table[rules=cols i] > :is(thead,tbody,tfoot) > tr > :is(th,td) {
32783278
border: 1px solid grey;
32793279
border-top: none;
32803280
border-bottom: none;
32813281
}
3282-
table[rules=none i] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) {
3282+
table[rules=none i] > :is(thead,tbody,tfoot) > tr > :is(th,td) {
32833283
border: none;
32843284
}
32853285

@@ -3288,7 +3288,7 @@ Using CSS Tables does not incur any privacy risk to mitigate.
32883288
http://codepen.io/FremyCompany/pen/jWbPXY
32893289
https://jsfiddle.net/ewv08n0r/
32903290
-->
3291-
table[rules=groups i] > :matches(thead,tbody,tfoot) {
3291+
table[rules=groups i] > :is(thead,tbody,tfoot) {
32923292
border-top-width: 1px; border-top-style: solid;
32933293
border-bottom-width: 1px; border-bottom-style: solid;
32943294
}
@@ -3320,7 +3320,7 @@ Using CSS Tables does not incur any privacy risk to mitigate.
33203320
<!--
33213321
Others:
33223322
-->
3323-
table[cellpadding=$x] > :matches(thead,tbody,tfoot) > tr > :matches(th,td) /* if(parseInt($x)>0) */ {
3323+
table[cellpadding=$x] > :is(thead,tbody,tfoot) > tr > :is(th,td) /* if(parseInt($x)>0) */ {
33243324
padding: /*(parseInt($x) * 1px)*/;
33253325
}
33263326
table[cellspacing=$x] /* if(parseInt($x)>0) */ {
@@ -3345,10 +3345,10 @@ Using CSS Tables does not incur any privacy risk to mitigate.
33453345
table[bordercolor=$color] {
33463346
border-color: /*parseHTMLColor($color)*/;
33473347
}
3348-
table[bordercolor] > :matches(tbody, thead, tfoot, tr, colgroup, col),
3349-
table[bordercolor] > :matches(tbody, thead, tfoot) > tr,
3350-
table[bordercolor] > :matches(tbody, thead, tfoot) > tr > :matches(td, th),
3351-
table[bordercolor] > tr > :matches(td, th)
3348+
table[bordercolor] > :is(tbody, thead, tfoot, tr, colgroup, col),
3349+
table[bordercolor] > :is(tbody, thead, tfoot) > tr,
3350+
table[bordercolor] > :is(tbody, thead, tfoot) > tr > :is(td, th),
3351+
table[bordercolor] > tr > :is(td, th)
33523352
table[bordercolor] > colgroup > col
33533353
) {
33543354
border-color: inherit;
@@ -3371,29 +3371,29 @@ Using CSS Tables does not incur any privacy risk to mitigate.
33713371
NON-TABLE ATTRIBUTES:
33723372
-->
33733373
caption[align=bottom i] { caption-side: bottom; }
3374-
:matches(thead,tbody,tfoot,tr,td,th)[valign=top i] {
3374+
:is(thead,tbody,tfoot,tr,td,th)[valign=top i] {
33753375
vertical-align: top;
33763376
}
3377-
:matches(thead,tbody,tfoot,tr,td,th)[valign=middle i] {
3377+
:is(thead,tbody,tfoot,tr,td,th)[valign=middle i] {
33783378
vertical-align: middle;
33793379
}
3380-
:matches(thead,tbody,tfoot,tr,td,th)[valign=bottom i] {
3380+
:is(thead,tbody,tfoot,tr,td,th)[valign=bottom i] {
33813381
vertical-align: bottom;
33823382
}
3383-
:matches(thead,tbody,tfoot,tr,td,th)[valign=baseline i] {
3383+
:is(thead,tbody,tfoot,tr,td,th)[valign=baseline i] {
33843384
vertical-align: baseline;
33853385
}
33863386

3387-
:matches(thead,tbody,tfoot,tr,td,th)[align=absmiddle i] {
3387+
:is(thead,tbody,tfoot,tr,td,th)[align=absmiddle i] {
33883388
text-align: center;
33893389
}
33903390

3391-
:matches(colgroup,col,thead,tbody,tfoot,tr,td,th)[hidden] {
3391+
:is(colgroup,col,thead,tbody,tfoot,tr,td,th)[hidden] {
33923392
visibility: collapse;
33933393
}
33943394

3395-
:matches(td,th)[nowrap] { white-space: nowrap; }
3396-
:matches(td,th)[nowrap][width=$w] /* if(quirksMode && parseInt($w) > 0) */ {
3395+
:is(td,th)[nowrap] { white-space: nowrap; }
3396+
:is(td,th)[nowrap][width=$w] /* if(quirksMode && parseInt($w) > 0) */ {
33973397
white-space: normal;
33983398
}
33993399

selectors-4/deferred-for-level-5

+2-2
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ Reference combinators <code>/ref/</code></h3>
2121
is focused or hovered-over:
2222

2323
<pre>
24-
label:matches(:hover, :focus) /for/ input, /* association by "for" attribute */
25-
label:matches(:hover, :focus):not([for]) input { /* association by containment */
24+
label:is(:hover, :focus) /for/ input, /* association by "for" attribute */
25+
label:is(:hover, :focus):not([for]) input { /* association by containment */
2626
box-shadow: yellow 0 0 10px;
2727
}
2828
</pre>

0 commit comments

Comments
 (0)