Псевдоклассы группы child



Позволяют удобно выбирать элементы по их порядковому номеру внутри родительского элемента.



Как пишется

👉 :first-child — выбирает первый дочерний элемент в родителе.

👉 :last-child — выбирает последний дочерний элемент в родителе.



Псевдоклассы, несущие в себе сочетание букв nth, работают по паттерну указанному в скобках.



👉 :nth-child(odd) — выбирает нечётные элементы внутри родителя.

👉 :nth-child(even) — выбирает чётные элементы внутри родителя.



В круглых скобках мы можем указать просто цифру. Таким образом будет выбран соответствующий этой цифре дочерний элемент.



Если мы хотим выбрать, к примеру, каждый третий элемент внутри родителя. Используем для этого формулу :nth-child(3n). Вместо n будет подставляться 0, затем 1, 2 и так далее.



Статья: https://doka.guide/css/child/



#css #дока



👉 @frontend_formula