SASS / SCSS

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

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

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

Видеоурок

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

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

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

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

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


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

@import "file_name";

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

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

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

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

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

Современная вёрстка адаптивного веб-сайта
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Создание адаптивного сайта
4 урока
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков