Css: выберите последний элемент с классом

У меня есть этот HTML структура:Css: выберите последний элемент с классом

<ul class="info"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
</ul> 
<ul class="info"> 
    <li>Item 3</li> 
    <li>Item 4</li> 
</ul> 
<ul class="other"> 
    <li>Item 5</li> 
    <li>Item 6</li> 
</ul>

В CSS Я хочу, чтобы выбрать последние ул с классом информацией. Я уже пробовал :last-child, :last-of-type. Я также видел предложение добавить класс на ul, который я хотел бы выбрать. Однако нет ли более «чистого» способа решения этой проблемы?

источник

2016-01-14 user2381011

Вы говорите, что вы пробовали: последний и последний, но не указали, каким образом или каким был результат. Разве они недостаточно «чисты» для вас? Разве они не работали? –

Они оба не работали, однако я ожидал, что это сработает. Добавление дополнительного класса в HTML только для выбора CSS - это не правильный способ справиться с этим (на мой взгляд). Css должен иметь возможность сделать этот выбор самостоятельно. – user2381011

Итак, ul [class]: last-of-type не работает для вас? –

Я не думаю, что вы можете использовать: последний ребенок с классом. Он буквально ищет последнего ребенка своего уровня. Возможно, вы можете использовать: nth-child() вместо этого, чтобы помочь вам сделать свой выбор.

источник

2016-01-14 16:12:54 jshotz

Этот метод работает. Однако это не самый гибкий способ, который не заставляет меня добавлять дополнительный класс. Спасибо за Ваш ответ! – user2381011

Css: выберите последний элемент с классом

ответ

Смежные вопросы