You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Abstract: This specification defines the ''::part()'' pseudo-element on <a>shadow hosts</a>, allowing <a>shadow hosts</a> to selectively expose chosen elements from their <a>shadow tree</a> to the outside page for styling purposes.
13
+
WPT Path Prefix: css/css-shadow-parts/
14
+
WPT Display: open
13
15
</pre>
14
16
15
17
<pre class=link-defaults>
@@ -47,6 +49,43 @@ to interact in safe, powerful ways,
47
49
maintaining encapsulation
48
50
without surrendering all control.
49
51
52
+
<wpt title="General tests for shadow parts">
53
+
all-hosts.html
54
+
animation-part.html
55
+
chaining-invalid-selector.html
56
+
complex-matching.html
57
+
complex-non-matching.html
58
+
different-host.html
59
+
double-forward.html
60
+
grouping-with-checked.html
61
+
grouping-with-disabled.html
62
+
host-stylesheet.html
63
+
inner-host.html
64
+
interaction-with-nested-pseudo-class.html
65
+
interaction-with-placeholder.html
66
+
interaction-with-pseudo-elements.html
67
+
invalidation-complex-selector-forward.html
68
+
invalidation-complex-selector.html
69
+
invalidation-part-pseudo.html
70
+
multiple-parts.html
71
+
part-after-combinator-invalidation.html
72
+
part-mutation-pseudo.html
73
+
part-nested-pseudo.html
74
+
precedence-part-vs-part.html
75
+
pseudo-classes-after-part.html
76
+
pseudo-elements-after-part.html
77
+
serialization.html
78
+
simple-forward-shorthand.html
79
+
simple-forward.html
80
+
simple-important.html
81
+
simple-important-important.html
82
+
simple-important-inline.html
83
+
simple.html
84
+
simple-important.html
85
+
simple-inline.html
86
+
style-sharing.html
87
+
</wpt>
88
+
50
89
Motivation {#motivation}
51
90
------------------------
52
91
@@ -180,6 +219,11 @@ Naming a Shadow Element: the <{html-global/part}> attribute {#part-attr}
180
219
Any element in a shadow tree can have a <dfn element-attr for=html-global>part</dfn> attribute.
181
220
This is used to expose the element outside of the <a>shadow tree</a>.
182
221
222
+
<wpt>
223
+
invalidation-change-part-name-forward.html
224
+
invalidation-change-part-name.html
225
+
</wpt>
226
+
183
227
The part attribute is parsed as a space-separated list of tokens representing the part names of this element.
184
228
185
229
Note: It's okay to give a part multiple names.
@@ -220,6 +264,14 @@ by rules outside this the <a>shadow tree</a>
220
264
(as if they were elements in the same tree as the host,
221
265
named by a part attribute).
222
266
267
+
<wpt>
268
+
both-part-and-exportparts.html
269
+
exportparts-different-scope.html
270
+
exportparts-layered.html
271
+
exportparts-multiple.html
272
+
invalidation-change-exportparts-forward.html
273
+
</wpt>
274
+
223
275
The exportparts attribute is parsed as a comma-separated list of part mappings.
224
276
Each part mapping is one of:
225
277
@@ -316,6 +368,14 @@ The syntax is:
316
368
::part() = ::part( <<ident>>+ )
317
369
</pre>
318
370
371
+
<wpt>
372
+
host-part-001.html
373
+
host-part-002.html
374
+
host-part-003.html
375
+
host-part-nesting.html
376
+
multiple-scopes.html
377
+
</wpt>
378
+
319
379
The ''::part()'' pseudo-element only matches anything
320
380
when the <a>originating element</a> is a <a>shadow host</a>.
0 commit comments