Псевдокласс :first-child
Псевдокласс :first-child позволяет стилизовать первый дочерний элемент какого-либо блока.
:first-child {
...
}
Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Примеры
Пример работы псевдокласса first-child
В данном примере мы видим как ведет себя данный псевдокласс. Мы указали стилизацию первого p в блоке с классом .text, но если в данном блоке первым дочерним элементом будет другой тег, то стилизация p не сработает, так как он уже не является первым дочерним элементом блока .text
Второй пример работы псевдокласса first-child
Похожий пример, только в данном случае мы говорим, чтобы стилизовался любой первый дочерний элемент блока .text