Как стилизовать последний элемент с определенным классом

Question

Как стилизовать последний элемент с определенным классом

6 янв. 2017 г., 07:18:46

Просмотры: 39.7K

Голосов: 2

У меня есть такой код.

<div class="slick"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick"></div>
<div class="slick"></div>

Я хочу стилизовать последний div, имеющий класс 'active'. Есть ли способ сделать это?

Gince George

43

html css выбор

Все ответы на вопрос

С помощью jQuery вы можете этого добиться.

jQuery найдет последний дочерний элемент родителя и даст вам возможность изменить его, добавляя классы и стили.

Перейдите по этой ссылке https://api.jquery.com/last-child-selector/

Или используйте CSS, как показано здесь https://css-tricks.com/almanac/selectors/l/last-child/

Shareef

1

6 янв. 2017 г. 07:25:35

Комментарии

Извините, это не помогло.

Gince George

6 янв. 2017 г. 07:49:52

если так, перейдите по этой ссылке. она точно поможет https://css-tricks.com/almanac/selectors/l/last-child/

Shareef

6 янв. 2017 г. 07:54:13

Думаю, вы не поняли мой вопрос. Я хочу стилизовать последний div с классом 'active'. Я уже пробовал ваш код.

Gince George

6 янв. 2017 г. 09:33:51

О! Тогда это должно решить вашу проблему http://stackoverflow.com/questions/7298057/css-last-child-selector-select-last-element-of-specific-class-not-last-child-i

Shareef

6 янв. 2017 г. 10:13:44

Sjors Ottjes 199 · Accepted Answer · 2017-01-06T07:31:35Z

В текущем состоянии не существует (хорошего) способа решить эту проблему с помощью CSS. Лучшее решение — добавить дополнительный класс к последнему активному блоку или использовать JavaScript.

Подробнее смотрите в этом вопросе.

Sjors Ottjes

199

6 янв. 2017 г. 07:31:35