> For the complete documentation index, see [llms.txt](https://mogorodnik.gitbook.io/html-and-css-education-articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mogorodnik.gitbook.io/html-and-css-education-articles/web-dev_edu-plan/css-selektory.md).

# CSS селекторы

Универсальный\
\>>> - **\***\
[Пример.](https://codepen.io/MOgorodnik/pen/xXOeJM)

Селекторы идентификатора и класса (id, class)\
[**#X and .X**](https://codepen.io/MOgorodnik/pen/YrGxvo)

Селектор потомков\
[**X Y**](https://codepen.io/MOgorodnik/pen/BwLdEQ)

Селектор псевдоклассов\
[**X:visited и X:link**](https://codepen.io/MOgorodnik/pen/BwLdXp), **X:checked, X(:first-child / :first-of-type / :nth-child / :target ect.), input:valid/invalid/required.**

Смежный и сестринский селекторы\
[**X + Y, X\~Y**](https://codepen.io/MOgorodnik/pen/ZXpXOq)

Дочерний селектор\
[**X > Y**](https://codepen.io/MOgorodnik/pen/XejegQ)

Селекторы атрибутов\
**X\[href="foo"]** - строгое соответствие\
**X\[href\*="somesing"]** - искомое значение может находиться в любой части атрибута\
**X\[href^="http"]** - указываем начальное значение атрибута\
**X\[href$=".jpg"]** - указываем конец значения атрибута\
**X\[data-\*="foo"]** - используя пользовательские атрибуты\
**X\[foo\~="bar"]** - Знак *\~* (тильда) позволяет нам выбирать атрибуты со значениями, разделенными пробелами

Селекторы псевдоэлементов\
**X:before, X:after, ::first-letter, ::first-line, ::selection**

"Селектор отрицания"\
**X:not(selector)**