Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions css-conditional-5/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -399,6 +399,21 @@ Container Queries</h2>
can be conditioned by querying against it,
using the ''@container'' [=conditional group rule=].

An ancestor element that generates a box is not an eligible container for
[=container size queries=] if that box is not an ancestor box of any boxes
generated by the querying element.
There are cases where the box for a <a>pseudo-element</a> is generated as a
sibling box of its originating element's box. If we allowed querying the size
of a sibling box, it would introduce layout cycles.

<div class=note>
The ''::scroll-marker-group'' and ''::scroll-button()'' pseudo-elements
generate sibling boxes of their originating element's box.
These pseudo-elements will not be able to query their originating scroller
for [=container size queries=]. They will, however, be able to query other
eligible [=query container=] ancestors.
</div>

<div class=example>
For example, we can define the main content area and sidebar as containers,
and then describe a ''.media-object'' that changes
Expand Down