Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Наука · 5 августа 2026 г.
🎯 CSS tip: как избавиться от :last-child и упростить отступы — 5 августа 2026 г. в 07:43:26.768
🎯 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