Задать вопрос
@d3_dx

Как прописать для двух псевдоэлементов одни и те же свойства (SASS)?

К примеру, нужно для элемента .box и двум его псевдоэлементам before и after прописать одни и те же свойства. Как это кратко записать в SASS?

В css это выглядело бы примерно так
.box,
.box::before,
.box::after {
	width:  100px;
	height: 100px;
	и т.д
}
  • Вопрос задан
  • 761 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • GB (GeekBrains)
    Профессия Фронтенд-разработчик
    9 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
@Flying
.box {
    &::before, &::after {
        width: 100px;
        height: 100px;
    }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
SASS это не более, чем расширение CSS. В нем работает все то же самое, но есть крутые фичи, типа призрачных классов. К запросу «кратко записать» оно мало относится, а вот «прописать одни и те же свойства» это на здоровье.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы