- Ссылка на урок: https://youtu.be/oGZNz-dh6qA
Скачиваете проект и открывайте в браузере файл index.html
.
Заметьте, что в уроке использовала препроцессор stylus (https://stylus-lang.com) в качестве задания стилей с вложенностями через &
, в чистом css такое не будет доступно.
// Различия в с stylus и css.
// В уроке использовался stylus. Поэтому были доступны вложенности:
.gallery {
&Item {
....
}
}
// В чистом CSS это не доступно и код сверху будет выглядеть:
.gallery {}
.galleryItem {}
// Так и по остальным стилям (никаких внутренних &)
.card {}
.cardLink {}
.cardContent {}
// Если ховер
.cardLink:hover {}
Приступаете к уроку на https://youtu.be/oGZNz-dh6qA 😉