Skip to content

Commit 87e67ed

Browse files
committed
fixup! [css-contain-3] Pseudo elements and shadow DOM #5984 #6711
1 parent 86271a8 commit 87e67ed

File tree

1 file changed

+24
-20
lines changed

1 file changed

+24
-20
lines changed

css-contain-3/Overview.bs

Lines changed: 24 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -307,26 +307,30 @@ Container Queries</h2>
307307
the <a>shadow-including inclusive ancestors</a> of the <a>ultimate
308308
originating element</a>.
309309

310-
It follows that:
311-
312-
* Pseudo elements themselves can not be query containers
313-
* ''::before'', ''::after'', ''::marker'', and ''::backdrop'' query their
314-
originating elements
315-
* ''::first-letter'' and ''::first-line'' queries its originating element,
316-
even if the <a>fictional tag sequence</a> may push the ''::first-line''
317-
past other elements for the purpose of inheritance and rendering
318-
* Multiple pseudo elements do not allow pseudo elements to be query
319-
containers for other pseudo elements. E.g., the host, but not the part()
320-
can be the query container for ''::before'' in ''host::part()::before''
321-
Similarly, the ''::before element'' can not be the query container for the
322-
''::marker'' in ''div::before::marker''
323-
* ''::slotted()'' selectors can query containers inside the shadow tree,
324-
including the slot itself
325-
* ''::part()'' selectors can query its originating host, but not internal
326-
query containers inside the shadow tree
327-
* ''::placeholder'' and ''::file-selector-button'' can query the input
328-
element, but do not expose any internal containers if the input element is
329-
implemented using a shadow tree
310+
<div class=note>
311+
It follows that:
312+
313+
* Pseudo elements themselves can not be query containers
314+
* ''::before'', ''::after'', ''::marker'', and ''::backdrop'' query their
315+
originating elements
316+
* ''::first-letter'' and ''::first-line'' query their originating elements,
317+
even if the <a>fictional tag sequence</a> may push the
318+
<code>::first-line</code> past other elements for the purpose of
319+
inheritance and rendering
320+
* Multiple pseudo elements do not allow pseudo elements to be query
321+
containers for other pseudo elements. E.g., the host, but not the
322+
<code>::part()</code>, can be the query container for
323+
<code>::before</code> in <code>host::part()::before</code>. Similarly,
324+
<code>::before</code> can not be the query container for the
325+
<code>::marker</code> in <code>div::before::marker</code>
326+
* ''::slotted()'' selectors can query containers inside the shadow tree,
327+
including the slot itself
328+
* ''::part()'' selectors can query its originating host, but not internal
329+
query containers inside the shadow tree
330+
* ''::placeholder'' and ''::file-selector-button'' can query the input
331+
element, but do not expose any internal containers if the input element is
332+
implemented using a shadow tree
333+
</div>
330334

331335
<div class=example>
332336
A ::before selector querying the size of the originating element:

0 commit comments

Comments
 (0)