@@ -307,26 +307,30 @@ Container Queries</h2>
307
307
the <a>shadow-including inclusive ancestors</a> of the <a>ultimate
308
308
originating element</a> .
309
309
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>
330
334
331
335
<div class=example>
332
336
A ::before selector querying the size of the originating element:
0 commit comments