- Теория
- Теория
Псевдокласс :nth-last-of-type
Наверняка, вы и сами уже прекрасно догадались, как будет работать :nth-last-of-type
.
Элементы выбираются по их расположению, отсчет ведется от конца, учитывается тег элемента.
Пример записи:
ul:nth-last-of-type(2) { }
Когда набор элементов не очень большой, все эти псевдоклассы :nth-child
, :nth-of-type
, :nth-last-child
, :nth-last-of-type
можно легко заменить один другим.
На более сложных структурах зачастую бывает удобнее использовать только определённые из них. Например, когда нужно выделять второй элемент с конца, но количество элементов в списке изменяется.
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Только 2 часа цена 21 900 ₽22 900 ₽
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.