CSS – :nth-last-of-type() Selector
The :nth-last-of-type() selector selects all elements that are the nth child of a specified type, of their parent, counting from the last child.
CSS – :nth-of-type() Selector
The :nth-of-type() selector selects all elements that are the nth child of a specified type, of their parent.
CSS – :only-child Selector
The :only-child selector selects every element that is the only child of its parent. If the parent has multiple child elements, it will NOT be selected.
CSS – :only-of-type Selector
The :only-of-type selector selects every element that is the only child of its type, of its parent.
CSS – :optional Selector
The :optional selector selects form elements which are optional (those without the required attribute).
CSS – :out-of-range Selector
The :out-of-range selector selects elements with a value that is NOT within a specified range, and only works for input elements with min/max attributes.
CSS – :read-only Selector
The :read-only selector selects form inputs which are “readonly” (those with a “readonly” attribute).
CSS – :read-write Selector
The :read-write selector selects form inputs which are “readable” and “writeable” (those with no “readonly” or “disabled” attributes).
CSS – :required Selector
The :required selector selects form inputs which are required (those with the required attribute).
CSS – :root Selector
The :root selector matches the document’s root element, which is always the HTML element.
CSS – ::selection Selector
The ::selection selector matches the portion of an element that is selected by a user, and is most often used to set the background color of selected text.
CSS – :target Selector
The :target selector selects the current active target anchor element on the page (the element being linked to).
CSS – :valid Selector
The :valid selector selects form inputs with a value that properly validates according to the element’s settings.
JavaScript – Class Selector
A JavaScript selector can be used to target HTML elements by their class attribute.
JavaScript – All Elements Selector
The JavaScript querySelectorAll() selector method returns all elements that match a specified HTML tag or CSS class/ID.
JavaScript – Combination Selectors
In the following we have this HTML setup in our document and we want to select the third paragraph’s span tag.
JavaScript – First Element Selector
The querySelector() selector method returns the first element that matches a specified HTML tag or CSS class/ID.
JavaScript – #id Selector
A JavaScript selector can be used to target HTML elements by their id attribute.