diff --git a/selectors-4/Overview.bs b/selectors-4/Overview.bs index 815200ff9702..3261854a34f6 100644 --- a/selectors-4/Overview.bs +++ b/selectors-4/Overview.bs @@ -2481,6 +2481,29 @@ Sound State: the '':muted'' and '':volume-locked'' pseudo-classes

Element Display State Pseudo-classes

+

+Collapse State: the '':open'' and '':closed'' pseudo-class

+ + The :open pseudo-class represents an element + that has both “open” and “closed” states, + and which is currently in the “open” state. + + The :closed pseudo-class represents an element + that has both “open” and “closed” states, + and which is currently in the closed state. + + Exactly what “open” and “closed” mean is host-language specific, + but exemplified by elements such as + HTML's <{details}>, <{select}>, and <{dialog}> elements, + all of which can be toggled “open” to display more content + (or any content at all, in the case of <{dialog}>). + + Note: Being “open” or “closed” is a semantic state. + An element not currently being displayed + (for example, one that has ''visibility: collapse'', + or belongs to a ''display: none'' subtree) + can still be “open” and will match '':open''. + @@ -4007,6 +4030,8 @@ Changes since the 7 May 2022 Working Draft Significant changes since the 7 May 2022 Working Draft: + * Added '':open'' and '':closed'' pseudo-classes. + (Issue 7319) * Disallowed [=pseudo-elements=] from '':has()'' unless explicitly allowed by the pseudo-element’s definition. (Issue 7463)