Изучение препроцессора SASS / SCSS

7 уроков Консультации

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

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


CSS3HTML5

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

Видео урок:

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

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

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

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

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


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

@import "file_name";

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

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

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

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


CSS3HTML5

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