Есть ли селектор CSS для последнего класса?

Question

Есть ли селектор CSS для последнего класса?

Нужно указать последний класс в списке. :last-child а также :last-of-type не будет работать в этом случае.

Хотите, чтобы в последний раз .a в разметке ниже.

Мой последний вариант - использовать JS для добавления нового класса в последний .a которого я хочу избежать.

a.last-of-type {
  background: red;
}

<div class="a">A</div>
<div class="a">A</div>
<div class="a">A</div>
<div class="a">Need to target this element</div>
<div class="b">B</div>
<div class="b">B</div>

0

css css3 sass css-selectors text-styling

Источник

user6708627 15 фев '19 в 10:02

1 ответ

Другие вопросы по тегам css css3 sass css-selectors text-styling

user9160410 15 фев '19 в 10:08 2019-02-15 10:08 · Answer 1 · 2019-02-15 10:08

Вы можете использовать.a:last-child для нацеливания на последний класс. Селектор: last-child соответствует каждому элементу, который является последним дочерним элементом его родителя.

<html>
<head>
<style> 
.a:last-child {
  background: #ff0000;
}
</style>
</head>
<body>

<div class="a">A</div>
<div class="a">A</div>
<div class="a">A</div>
<div class="a">Need to target this element</div>    
</body>
</html>