CSS селекторы

Универсальный >>> - * Пример.

Селекторы идентификатора и класса (id, class) #X and .X

Селектор потомков X Y

Селектор псевдоклассов X:visited и X:link, X:checked, X(:first-child / :first-of-type / :nth-child / :target ect.), input:valid/invalid/required.

Смежный и сестринский селекторы X + Y, X~Y

Дочерний селектор X > Y

Селекторы атрибутов 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)