Как быстро и правильно писать :last-child в CSS?

Создание сайта
Комментариев нет

Правильным и быстрым вариантом написания последнего :last-child блока или параграфа будет запись такого вида:

p:not(:last-child) {
	margin-bottom: 15px;
}

В данном случае мы задаём одной строкой правильное правило отступов одной строкой, для параграфа p. При этом сразу же обозначаем, чтобы для последнего параграфа отступ не ставился.

А это правило для блока.

.about__title:not(:last-child) {
	margin-bottom: 1rem;
}

Это удобно, к примеру, в случаях, когда мы делаем вокруг параграфа рамку border с внутренними отступами padding. Таким образом у нас не будет лишнего отступа.

Если это правило применить в нужных местах на всём сайте, то у нас выйдет эстетически правильный и красивый дизайн, ну и правильная его вёрстка конечно.

Ужасно..Плохо..Нормально!Хорошо!Отлично! (Пока оценок нет)
Загрузка...

Поделиться:

Добавить комментарий

Ваш адрес email не будет опубликован.