Sponsor of the Day:
Jerkmate
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:target-after
:target-after CSS pseudo-class - CSS | MDN
The :target-after CSS pseudo-class selects scroll markers that come after the active scroll marker (the one that currently matches :target-current) within a...
css pseudo classtargetmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:buffering
:buffering CSS pseudo-class - CSS | MDN
css pseudo classbufferingmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:muted
:muted CSS pseudo-class - CSS | MDN
css pseudo classmutedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:volume-locked
:volume-locked CSS pseudo-class - CSS | MDN
css pseudo classvolumelockedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-locale-dir_ltr
:-moz-locale-dir(ltr) CSS pseudo-class - CSS | MDN
The :-moz-locale-dir(ltr) CSS pseudo-class is a Mozilla extension that matches an element if the user interface is being displayed left-to-right. This is...
moz locale dircss pseudo classltrmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:nth-last-of-type
:nth-last-of-type() CSS pseudo-class - CSS | MDN
The :nth-last-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name), counting from the end.
type css pseudonth lastclass mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-handler-disabled
:-moz-handler-disabled CSS pseudo-class - CSS | MDN
The :-moz-handler-disabled CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because their handlers have been disabled by...
css pseudo classmozhandlerdisabledmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:first-of-type
:first-of-type CSS pseudo-class - CSS | MDN
The :first-of-type CSS pseudo-class represents the first element of its type (tag name) among a group of sibling elements.
type css pseudoclass mdnfirst
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:lang
:lang() CSS pseudo-class - CSS | MDN
The :lang() CSS pseudo-class matches elements based on the language they are determined to be in.
css pseudo classlangmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-last-node
:-moz-last-node CSS pseudo-class - CSS | MDN
The :-moz-last-node CSS pseudo-class is a Mozilla extension that represents any element that is the last child node of some other element. It differs from...
css pseudo classmozlastnodemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:user-invalid
:user-invalid CSS pseudo-class - CSS | MDN
The :user-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, after the user has...
css pseudo classuserinvalidmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-handler-blocked
:-moz-handler-blocked CSS pseudo-class - CSS | MDN
The :-moz-handler-blocked CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because their handlers have been blocked.
css pseudo classmozhandlerblockedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:seeking
:seeking CSS pseudo-class - CSS | MDN
css pseudo classseekingmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-drag-over
:-moz-drag-over CSS pseudo-class - CSS | MDN
The :-moz-drag-over CSS pseudo-class is a Mozilla extension that matches an element when a dragover event is called on it.
css pseudo classmozdragmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:target-current
:target-current CSS pseudo-class - CSS | MDN
The :target-current CSS pseudo-class selects the active scroll marker — the scroll marker of a scroll-marker-group that is currently scrolled to. This selector...
css pseudo classtargetcurrentmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:heading_function
:heading() CSS pseudo-class - CSS | MDN
The :heading() CSS pseudo-class function represents all heading elements whose levels match a comma-separated list of integers. This allows you to style...
css pseudo classheadingmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-first-node
:-moz-first-node CSS pseudo-class - CSS | MDN
The :-moz-first-node CSS pseudo-class is a Mozilla extension that represents any element that is the first child node of some other element. It differs from...
css pseudo classmozfirstnodemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:interest-source
:interest-source CSS pseudo-class - CSS | MDN
The :interest-source CSS pseudo-class represents an interest invoker element when interest is shown on it.
css pseudo classinterestsourcemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-locale-dir_rtl
:-moz-locale-dir(rtl) CSS pseudo-class - CSS | MDN
The :-moz-locale-dir(rtl) CSS pseudo-class is a Mozilla extension that matches an element if the user interface is being displayed right-to-left. This is...
moz locale dircss pseudo classrtlmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:target
:target CSS pseudo-class - CSS | MDN
The :target CSS pseudo-class selects the target element of the document. When the document is loaded, the target element is derived using the document's URL...
css pseudo classtargetmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:has-slotted
:has-slotted CSS pseudo-class - CSS | MDN
css pseudo classslottedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:dir
:dir() CSS pseudo-class - CSS | MDN
The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them.
css pseudo classdirmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:active-view-transition
:active-view-transition CSS pseudo-class - CSS | MDN
The :active-view-transition CSS pseudo-class matches the root element of a document when a view transition is in progress (active) and stops matching once the...
active view transitioncss pseudo classmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:state
:state() CSS pseudo-class - CSS | MDN
The :state() CSS pseudo-class matches custom elements that have the specified custom state.
css pseudo classstatemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:required
:required CSS pseudo-class - CSS | MDN
css pseudo classrequiredmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:visited
:visited CSS pseudo-class - CSS | MDN
css pseudo classvisitedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:stalled
:stalled CSS pseudo-class - CSS | MDN
css pseudo classstalledmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:not
:not() CSS pseudo-class - CSS | MDN
The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the...
css pseudo classmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:read-only
:read-only CSS pseudo-class - CSS | MDN
css pseudo classreadmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:current
:current CSS pseudo-class - CSS | MDN
The :current CSS pseudo-class selector represents an element or the ancestor of an element that is currently being displayed or highlighted.
css pseudo classcurrentmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:blank
:blank CSS pseudo-class - CSS | MDN
css pseudo classblankmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:modal
:modal CSS pseudo-class - CSS | MDN
The :modal CSS pseudo-class matches an element that is in a state in which it excludes all interaction with elements outside it until the interaction has been...
css pseudo classmodalmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:last-of-type
:last-of-type CSS pseudo-class - CSS | MDN
The :last-of-type CSS pseudo-class represents the last element of its type (tag name) among a group of sibling elements.
type css pseudoclass mdnlast
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:placeholder-shown
:placeholder-shown CSS pseudo-class - CSS | MDN
css pseudo classplaceholdershownmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:where
:where() CSS pseudo-class - CSS | MDN
The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list.
css pseudo classmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-broken
:-moz-broken CSS pseudo-class - CSS | MDN
The :-moz-broken CSS pseudo-class is a Mozilla extension that matches elements representing broken image links.
css pseudo classmozbrokenmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:checked
:checked CSS pseudo-class - CSS | MDN
css pseudo classcheckedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:enabled
:enabled CSS pseudo-class - CSS | MDN
The :enabled CSS pseudo-class represents any enabled element. An element is enabled if it can be activated (selected, clicked on, typed into, etc.) or accept...
css pseudo classenabledmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:active
:active CSS pseudo-class - CSS | MDN
The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse,
css pseudo classactivemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:local-link
:local-link CSS pseudo-class - CSS | MDN
The :local-link CSS pseudo-class represents a link to the same document. Therefore an element that is the source anchor of a hyperlink whose target's absolute...
css pseudo classlocalmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:has
:has() CSS pseudo-class - CSS | MDN
The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when...
css pseudo classmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-suppressed
:-moz-suppressed CSS pseudo-class - CSS | MDN
The :-moz-suppressed CSS pseudo-class is a Mozilla extension that matches elements representing images that were suppressed because loading images from the...
css pseudo classmozsuppressedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty
:empty CSS pseudo-class - CSS | MDN
The :empty CSS pseudo-class represents any element that has no children. Children can be either element nodes or text (including whitespace). Comments,...
css pseudo classemptymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:defined
:defined CSS pseudo-class - CSS | MDN
The :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built into the browser and custom elements that...
css pseudo classdefinedmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:focus
:focus CSS pseudo-class - CSS | MDN
The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an...
css pseudo classfocusmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:invalid
:invalid CSS pseudo-class - CSS | MDN
css pseudo classinvalidmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:scope
:scope CSS pseudo-class - CSS | MDN
The :scope CSS pseudo-class represents elements that are a reference point, or scope, for selectors to match against.
css pseudo classscopemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:autofill
:autofill CSS pseudo-class - CSS | MDN
css pseudo classautofillmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:nth-last-child
:nth-last-child() CSS pseudo-class - CSS | MDN
The :nth-last-child() CSS pseudo-class matches elements based on their position among a group of siblings, counting from the end.
nth last childcss pseudo classmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:target-before
:target-before CSS pseudo-class - CSS | MDN
The :target-before CSS pseudo-class selects scroll markers that come before the active scroll marker (the one that currently matches :target-current) within a...
css pseudo classtargetmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:first-child
:first-child CSS pseudo-class - CSS | MDN
The :first-child CSS pseudo-class represents the first element among a group of sibling elements.
first child csspseudo class mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:xr-overlay
:xr-overlay CSS pseudo-class - CSS | MDN
The :xr-overlay CSS pseudo-class matches the DOM overlay element when a web page is being viewed in an immersive AR or VR environment.
css pseudo classxroverlaymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:host-context
:host-context() CSS pseudo-class - CSS | MDN
The :host-context() CSS pseudo-class allows you to style elements within a shadow DOM differently based on the selector of the shadow host (the element that...
css pseudo classhost contextmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-window-inactive
:-moz-window-inactive CSS pseudo-class - CSS | MDN
The :-moz-window-inactive CSS pseudo-class is a Mozilla extension that matches any element while it's in an inactive window.
css pseudo classmozwindowinactivemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:playing
:playing CSS pseudo-class - CSS | MDN
css pseudo classplayingmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:active-view-transition-type
:active-view-transition-type() CSS pseudo-class - CSS | MDN
The functional :active-view-transition-type() CSS pseudo-class matches elements when a view transition with one or more specific types is in progress (is...
active view transitiontype css pseudoclass mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:focus-within
:focus-within CSS pseudo-class - CSS | MDN
The :focus-within CSS pseudo-class matches an element if the element or any of its descendants are focused. In other words, it represents an element that is...
css pseudo classfocus withinmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:root
:root CSS pseudo-class - CSS | MDN
css pseudo classrootmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:host_function
:host() CSS pseudo-class - CSS | MDN
The :host() CSS pseudo-class function selects the shadow host of the shadow DOM containing the CSS it is used inside (so you can select a custom element from...
css pseudo classhostmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:is
:is() CSS pseudo-class - CSS | MDN
The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list....
css pseudo classmdn
https://web.dev/articles/css-is-and-where
New CSS functional pseudo-class selectors :is() and :where() | Articles | web.dev
May 27, 2021 - These seemingly small additions to CSS selector syntax are going to have a big impact.
articles web devnew csspseudo classfunctionalselectors