Robuta

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