Skip to content

pseudo classes on pseudo-elements #44356

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
estelle wants to merge 2 commits into
base: main
Choose a base branch
from
+1 −2
Open

pseudo classes on pseudo-elements #44356

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cfc7e8a
pseudo classes on pseudo-elements
estelle Jun 4, 2026
464c3ac
Update index.md
estelle Jun 4, 2026
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
3 changes: 1 addition & 2 deletions files/en-us/web/css/reference/selectors/pseudo-elements/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {{htmlelement("button")}} child, which is not selected by the {{cssxref("::picker()")}} pseudo-element. Note, however, that 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, so make sure the state you're including is supported on the psuedo-element to which it is attached.

## Typographic pseudo-elements

Expand Down
Loading