Css псевдоклассы, дети?

Question

[Игорь Касперский]

В блоке есть несколько элементов разных типов, решил я не писать каждому класс/ид, а обратиться за помощью к псевдоклассам в css. И тут начинаются непонятные вещи, как быть? Вроде такого не было,
я ведь пишу:

section h1:first-child {
 background: yellow
}
section h1:last-child {
 background: yellow
}

а с последним """"""""""H1""""""""""" элементом ничего не происходит??
вот пример

Answer 1

[Александр Карпов]

Потому что у вас увы нет h1 который является последним в section

https://www.w3.org/wiki/CSS/Selectors/pseudo-class...

The :last-child pseudo-class represents an element that is the last child of some other element. Same as :nth-last-child(1).

является последним потомком какого-либо другого элемента.

Answer 2

[Артур]

section :first-child {
 background: yellow
}
section :last-child {
 background: yellow
}

Comments

[Артур]

дополнение к ответу Александр К Александр К

[Александр Карпов]

Артур: вы кажется писали про last-of-type?

[Артур]

Александр К: нет) про этот псевдокласс я не писал )