Sass — вложенность селекторов

Sass — вложенность селекторов

От автора: Sass вложенность комбинирует разные логические структуры. С помощью Sass можно комбинировать множество CSS правил одно в другом. Если вы используете множество селекторов, то вы можете поместить один селектор в другой, чтобы создать составной селектор.

Пример

Следующий пример показывает использование вложенных правил в файле SCSS:

Создайте style.scss. Расширение должно быть scss.

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Style.scss

SASS можно указать, чтобы он следить за файлом и обновлял CSS при любом изменении в SASS файле. Для этого используйте следующую команду:

Sass — вложенность селекторов

Выполните команду сверху, создастся файл style.css.

Style.css

Вывод на экран

Давайте выполним следующие шаги, чтобы увидеть все наши труды в действии:

Сохраните HTML код выше в nested_rules.html. Откройте этот файл в браузере, и вы увидите следующее.

Sass — вложенность селекторов

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook: