Уроки SASS / SCSS

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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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

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

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

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

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


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

@import "file_name";

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

Завантаження...

Завдання до уроку

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

Велике завдання за курсом

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

Також варто подивитися

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

Поки що коментарів немає