/
Вопросы и ответы
/
CSS
/

Как убрать отступ у последнего элемента css

Как убрать отступ у последнего элемента css

4 года назад

Человек-Молекула

Ответы

1

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

.

Рассмотрим пример. Имеется маркированный список, в правилах css задан отступ снизу у каждого элемента li в 10px;

<ul>
    <li>123</li>
    <li>456</li>
    <li>789</li>
</ul>
li {
  margin-bottom: 10px;
}

Иногда это создает неудобство - последний элемент 789 будет иметь отступ согласно правилам. Что бы его убрать необходимо добавить следующее правило:

li {
  margin-bottom: 10px;
}
li:last-child {
  margin-bottom: 0px;
}

3 года назад

Вячеслав Межуревский

0

li

(
) { margin-bottom: 10px;}

3 года назад

Alex Human