Введение в CSS

Задание

• Добавьте стили к дивам в проекте
• Ссылка на Figma
• Ссылка на проект в Webflow

Свойства

.class {
	display: none;
	padding: 10px;
	border: 1px solid black;
}

Селекторы

.class {
	display: none;
}
#id {
	display: none;
}
[attribute="value"] {
	display: none;
}
div {
	display: none;
}
a:hover {
	background-color: yellow !Important; /* Дополнительный приоритет для свойства */
}

Комбинации селекторов

Два класса у одного элемента

.class.class2 {
	display: none;
}

Поиск элемента с классом внутри элементов с другим классом

.class .class2 {
	display: none;
}

Порядковый номер элемента

.class:nth-of-type(2) {
	display: none;
}