Эффект двухслойной кнопки при наведении с помощью CSS. Подпишись, чтобы не терять нас!
Правила в CSS можно вкладывать друг в друга — как в Sass, только без компиляции и зависимостей
Псевдоклассы, дочерние селекторы и медиазапросы лежат рядом с базовыми стилями компонента, а не разбросаны по файлу. Нативно — с 2023 года: Chrome 112+, Firefox 117+, Safari 16.5+. Ключевой символ — &, ссылка на родительский селектор. &:hover превращается в .btn:hover, &.is-active — в .btn.is-active, а .dark & ставит .btn внутрь .dark. Без & вложенный селектор читается как потомок через пробел....
Верстка HTML-кода вместе с CSS
Для тех, кто не очень хорошо знаком с веб-дизайном, возможно, будут полезны некоторые подсказки по верстке на HTML. Если раньше вы уже создавали веб-страницы, то сможете избавиться от стиля верстка HTML-кода, который лучше быстрее забыть...