Как убрать отступ у последнего элемента css
Ответы
Вячеслав Межуревский
29 сентября 2022
Для того, чтобы убрать отступ у последнего элемента, например в списке, можно воспользоваться псевдоклассом :last-child.
Рассмотрим пример. Имеется маркированный список, в правилах css задан отступ снизу у каждого элемента li в 10px;
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
li {
margin-bottom: 10px;
}
Иногда это создает неудобство - последний элемент <li>789</li> будет иметь отступ согласно правилам. Что бы его убрать необходимо добавить следующее правило:
li {
margin-bottom: 10px;
}
li:last-child {
margin-bottom: 0px;
}
1
0
Alex Human
20 января 2023
li:not(:last-of-type) { margin-bottom: 10px;}
0
0