Как выбрать последние 4 элемента, используя n-й ребенок?
Я хочу выбрать последние 4 элемента, используя nth-child. Есть ли способ сделать это?
Я не могу добавить уникальные классы к этим дочерним элементам, поэтому мне нужен способ определить, какие из них являются последними 4 дочерними элементами, чтобы я мог редактировать их, не затрагивая других?
Я использую расширенные настраиваемые поля для Wordpress, поэтому мой код выглядит так:
<div class = "all-skills-div">
<?php
if ( have_rows('skills') ):
while( have_rows('skills') ):
the_row();
?>
<div class = "single-skill-div">
<?php echo the_sub_field('a_skill'); ?>
</div>
<?php
endwhile;
endif;
?>
</div>
Подполе выводит около 9 разных строк текста (прямо сейчас, но это может измениться из-за того, что оно динамическое), поэтому я хочу настроить таргетинг на последние 4.
Любая помощь будет оценена по достоинству.
Спасибо
Ответы 4
Вы можете сделать это так,
$('#something a:nth-last-child(-n+4)').hide();
Попробуй:
ul li {
display: inline-block;
width: 100%;;
}
ul li:nth-last-child(-n+4) {
color: red;
}<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>Теперь у меня все работает благодаря вашему предложению! Большое спасибо. Я не смог найти то, что искал в Google, когда искал :)
вы можете использовать CSS #something:nth-last-child(-n+4) для последних четырех подполей.
Вы можете использовать nth-last-child — энный генератор
Предоставьте код HTML и CSS или jsfiddle. Итак, я могу вам помочь.