From cfc7e8a605727b8a65f61812d3a03a0724e7c6a2 Mon Sep 17 00:00:00 2001 From: Estelle Weyl Date: Thu, 4 Jun 2026 17:36:24 +0200 Subject: [PATCH 1/3] pseudo classes on pseudo-elements Clarify how pseudo-elements can be selected based on the state of their originating element and note the importance of valid selectors. fixes #32971 --- .../en-us/web/css/reference/selectors/pseudo-elements/index.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/files/en-us/web/css/reference/selectors/pseudo-elements/index.md b/files/en-us/web/css/reference/selectors/pseudo-elements/index.md index eda9693d43822dd..be9eed23627495d 100644 --- a/files/en-us/web/css/reference/selectors/pseudo-elements/index.md +++ b/files/en-us/web/css/reference/selectors/pseudo-elements/index.md @@ -39,8 +39,7 @@ Pseudo-elements do not exist independently. The element of which a pseudo-elemen A pseudo-element can be selected based on the current state of the originating element. For example, `p:hover::first-line` selects the first line (pseudo-element) of a paragraph when the paragraph itself is being hovered (pseudo-class). -> [!NOTE] -> When a [selector list](/en-US/docs/Web/CSS/Guides/Selectors/Selector_structure#selector_list) contains an invalid selector, the entire style block is ignored. +The specifications allow for some pseudo-elements to be selected based on the current state of the originating element, in which case the pseudo-element is represented only when it is in the corresponding state. For example, `::picker(select):hover` selects the currently hovered descendant of a customizable {{htmlelement("select")}} element, not including the first