tgoop.com/frontend_1/3968
Create:
Last Update:
Last Update:
🎯 CSS tip: как избавиться от :last-child и упростить отступы
Когда нужно задать отступ между элементами, но не последнему, часто пишут:
.item:not(:last-child) {
margin-bottom: 16px;
}
Но есть современный способ без селекторов и костылей 👇
✅ Используй
gap с flex или grid:
.container {
display: flex;
flex-direction: column;
gap: 16px;
}
📌 Преимущества:
– Нет нужды в
:last-child – Чище HTML и CSS
– Работает одинаково в любом направлении (
row, column) – Поддерживается во всех современных браузерах
Итог: если ты всё ещё пишешь
:not(:last-child) — пришло время обновить подход.👉 @frontend_1
BY Frontend разработчик
Share with your friend now:
tgoop.com/frontend_1/3968
