CSS Selectors Tutorials

📄️ Attribute Selectors

A CSS attribute selector selects an HTML element based on the element's attribute name or value.

A CSS basic selector selects an HTML element based on the element's name, id, or class.

A CSS combinator selector selects one or more HTML elements based on their relationship with some specified HTML nodes.

:nth-child() selects one or more child elements among their direct siblings regardless of their node types.

:nth-of-type() selects one or more child elements among their direct siblings of the same node type.

A CSS pseudo-selector selects a specific part of an HTML element or selects an HTML element only when it is in a particular state.