Сокращения селекторов с помощью `:not`
#css #web

Бывало ли у вас такое, что вы пишете стили для списка и у последнего элемента не должно быть отступа вниз? Как мы это обычно делаем:

css
li {
  margin-bottom: 1rem;
}

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

Можно сделать это же действие несколько короче, существует два более коротких способа, как можно это сделать:

css
li + li {
  margin-top: 1rem;

Селектор с использованием + прописывает стили для двух элементов, которые идут последовательно, причём стили применяются к последнему указанному элементу, поэтому тут мы и прописываем margin-top.

Ещё один способ как можно удобно "обделить" последний элемент - использование псевдо-класса :not:

css
li:not(:last-child) {
  margin-bottom: 1rem;
}

Этот код даст тот же результат, что и селектор li+li, однако тут мы явно указываем, что прописываем стили для всех элементов li, которые могут идти и не последовательно и не стилизуем только последний элемент с помощью псевдо-элемента :last-child