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

Для того, чтобы убрать отступ у последнего элемента, например в списке, можно воспользоваться псевдоклассом :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;
}

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