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

Question

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

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

.

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

<ul>
    <li>123</li>
    <li>456</li>
    <li>789</li>
</ul>

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

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

123
456
789

``` ```css li { margin-bottom: 10px; } ``` Иногда это создает неудобство - последний элемент

789

будет иметь отступ согласно правилам. Что бы его убрать необходимо добавить следующее правило: ```css li { margin-bottom: 10px; } li:last-child { margin-bottom: 0px; } ```

Alex Human · Answer

li:not(:last-of-type) {
  margin-bottom: 10px;}

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

Ответы

Каталог