[selectors-4] Add :open and :closed pseudo-classes #7319

Author: fantasai

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''.
+
 
 Modal (Exclusive Interaction) State: the '':modal'' pseudo-class
 
@@ -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)