Уроки SASS / SCSS

Урок #5 - Псевдоклассы и импортирование данных

Урок #5 - Псевдоклассы и импортирование данных

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

Видеоурок

Для записи псевдоклассов или псевдоэлементво вы можете использовать синтаксис вложенных стилей:

p {
	&:first-line {
		color: red;
	}
}

Перед псевдоэлементами необходимо указывать знак &, иначе код будет работать некорректно и стили не будут работать.

Импорт файлов

В SASS принято разделять все данные по нескольким файлам. К примеру, все миксины помещать в один файл, переменные в другой, условия в третий и так далее. 


Разместив данные по разным файлам, вы можете импортировать их все в один общий при помощи ключевого слова @import.

@import "file_name";

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Создание адаптивного сайта
4 урока
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Верстка сайта на HTML5 и CSS3
8 уроков
Современная вёрстка адаптивного веб-сайта
Видеокурс по PHP, MySQL / Создание динамического сайта
Комментарии
Добавить комментарий

Пока комментариев нет