Селекторы CSS3 * Универсальный селектор Мультиклассы Уроки Обучение CSS3 КУРС ПО ВЕРСТКЕ Урок 29
Селектор (от лат. selector — сортировщик) — это некоторое имя стиля, для которого добавляются параметры форматирования. В качестве селектора выступают теги, классы и идентификаторы.
Селекторы (базовые):
1. Тега (6 ур)
2. Класса (7 ур)
3. Идентификатора (8 ур)
4. Универсальный (29)
5. Мультиклассы (29)
Выделяет каждый элемент на странице и устанавливает один стиль для всех элементов веб-страницы.
* { Описание правил стиля }
5. Мультиклассы (29)
Ко всем тегам сразу можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. При добавлении нескольких классов если они содержат одинаковые стилевые свойства, но с разными значениями, то берется значение у класса, который описан в коде последним.
Синтаксис
‹ X class="class1 class2 ..."〉
Здесь X— обозначает любой тег.
В стилях допустимо использовать запись следующего вида.
.class1.class2 { Описание правил стиля }
В таком случае стиль применяется только для элементов, у которых одновременно заданы классы class1 и class2, т. е. в коде HTML используется конструкция ‹ X class="class1 class2 〉.
Файлы к уроку 29 https://drive.google.com/open?id=1_9jKlZK3MrEbqRwMO2_b-0V5X9p7Pa3Y
‹ 〉
#универсальный #селекторы #css3
Видео Селекторы CSS3 * Универсальный селектор Мультиклассы Уроки Обучение CSS3 КУРС ПО ВЕРСТКЕ Урок 29 канала Онлайн-Курсы-Обучение
Селекторы (базовые):
1. Тега (6 ур)
2. Класса (7 ур)
3. Идентификатора (8 ур)
4. Универсальный (29)
5. Мультиклассы (29)
Выделяет каждый элемент на странице и устанавливает один стиль для всех элементов веб-страницы.
* { Описание правил стиля }
5. Мультиклассы (29)
Ко всем тегам сразу можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. При добавлении нескольких классов если они содержат одинаковые стилевые свойства, но с разными значениями, то берется значение у класса, который описан в коде последним.
Синтаксис
‹ X class="class1 class2 ..."〉
Здесь X— обозначает любой тег.
В стилях допустимо использовать запись следующего вида.
.class1.class2 { Описание правил стиля }
В таком случае стиль применяется только для элементов, у которых одновременно заданы классы class1 и class2, т. е. в коде HTML используется конструкция ‹ X class="class1 class2 〉.
Файлы к уроку 29 https://drive.google.com/open?id=1_9jKlZK3MrEbqRwMO2_b-0V5X9p7Pa3Y
‹ 〉
#универсальный #селекторы #css3
Видео Селекторы CSS3 * Универсальный селектор Мультиклассы Уроки Обучение CSS3 КУРС ПО ВЕРСТКЕ Урок 29 канала Онлайн-Курсы-Обучение
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Анимация и Индизайн Стиль Событие Скорость Страница уроки Indesign верстка Журнал Флеш 👍 Урок 33](https://i.ytimg.com/vi/ljXzr9Zwf80/default.jpg)
![JQUERY. this. Добавление текста в таблицу через событие click из списка. JavaScript. Уроки. П. 26](https://i.ytimg.com/vi/NHPtsrwEE4E/default.jpg)
![CSS для начинающих. Урок №1. Курс. HTML. Стать программистом просто! Создание сайтов. Уроки CSS3](https://i.ytimg.com/vi/PS9OPY9irC8/default.jpg)
![Создание сайта WordPress Редактирование статей Создание страниц сайта Ссылки Лендинг 🍀 Урок 8](https://i.ytimg.com/vi/JQGA-yoUx3g/default.jpg)
![Как сделать 🍎 яблоко в 3ds max. Нарисовать из Line. Модификатор Lathe Модификатор UWV Map Урок 34.1](https://i.ytimg.com/vi/rwPfc6T4w74/default.jpg)
![Инструменты выделения Фотошоп Историческая кисть Marquee Photoshop Киев київ Обучение Уроки 💜](https://i.ytimg.com/vi/iK483q8ri0w/default.jpg)
![📞 АКТИВНАЯ ССЫЛКА НА ☎️ ТЕЛЕФОН Skype @ емайл skype tel mailto HTML5 Обучение Курс 🕷️ Урок 12.1](https://i.ytimg.com/vi/Hq6WXTVwPRU/default.jpg)
![Собственные объекты и создание их методов. Оператор this. Уроки JavaScript. Обучение. Курс](https://i.ytimg.com/vi/eNO6OAZWtQM/default.jpg)
![Шахмата. ♝ Line. Модификатор Lathe в 3ds max. Editable Spline. Редактируемый Сплайн. Урок 35 ♞](https://i.ytimg.com/vi/ffUUt41l_Tc/default.jpg)
![Создание сайта WordPress Логотип Слайдер Анимация текста Интернет магазин Лендинг 🏁 Урок 3](https://i.ytimg.com/vi/LfbdfyVfZc8/default.jpg)
![Как сделать СНОСКИ 📖 в книгу журнал Индизайн Adobe Indesign e-book Настроить Обучение 🍁 Урок 6 ✔3-3](https://i.ytimg.com/vi/ZINaIVhK4_w/default.jpg)
![Фотография с круглыми краями. Как сделать фото в виде животного. Brush. Фотошоп. Photosop. Урок 2](https://i.ytimg.com/vi/eJYwcjTkyuo/default.jpg)
![jquery. Поиск по сайту посредством focus и blur. JavaScript. Обучение. Уроки. П. 41](https://i.ytimg.com/vi/xKWMkwg1g5g/default.jpg)
![ТИЦ(Тематический индекс цитирования), PR. PageRank (пэйдж-ранк) #3](https://i.ytimg.com/vi/Wm-qNGjqDEo/default.jpg)
![Воронка Притягивать Отталкивать Разрыхляющая кисть, Грубая кисть. CorelDraw Урок 08.2](https://i.ytimg.com/vi/V_vFTKB1Pxc/default.jpg)
![ПОДГОТОВКА ФАЙЛА В ТИПОГРАФИЮ 📒 в CorelDraw РАСТЕКАНИЕ ОБРАТНАЯ СТОРОНА. ФАЛЬЦОВКИ БИГОВКИ Урок Ч.5](https://i.ytimg.com/vi/xA36xjENAgo/default.jpg)
![Создание сайта WordPress Создание страниц сайта Подключение статей Ссылки О НАС Лендинг 🌹 Урок 6](https://i.ytimg.com/vi/U9liIYErAYg/default.jpg)
![Создание галереи на сайт. Фото галерея. Быстро создание сайта WordPress. Лендинг Обучение 🧀 Урок 11](https://i.ytimg.com/vi/2PKK9CgfRiA/default.jpg)
![3d и экспорт Как правильно и качественно получить фото 🍁 в ИЛЛЮСТРАТОРЕ Урок 13.1 Adobe Illustrator](https://i.ytimg.com/vi/fRqFXyt6g-Q/default.jpg)
![Инструмент кадрирование перспективы. Обрезание фото. Фотошоп. Photosop. Эрмитаж Обучение. Уроки](https://i.ytimg.com/vi/yvnQPVRhEhI/default.jpg)
![CSS селектор id | ай ди. Как писать селектор id | Подключить CSS к HTML | Базовый курс по CSS](https://i.ytimg.com/vi/pyx0v0-Z8bc/default.jpg)