Обучение по CSS-селекторам для начинающих
Dave Gray
0:00 / 0:00
Обучение по CSS-селекторам для начинающих
93 628 просмотров · 4 г. назад
Dave Gray
446 тыс. подписчиков
93 628 просмотров · 4 г. назад
План развития веб-разработки для начинающих (бесплатно!): https://bit.ly/DaveGrayWebDevRoadmap
В этом руководстве по CSS-селекторам для начинающих вы узнаете о типах CSS-селекторов и о том, как они применяются. Вы также познакомитесь с основами каскадности, специфичности и наследования.
🚩 Подписаться ➜ https://bit.ly/3nGHmNn
🚀 Этот урок является частью плейлиста с уроками по CSS для начинающих:
• CSS Tutorials for Beginners
🔗 Все ресурсы для этой серии уроков по CSS: https://github.com/gitdagray/css_course
📬 Обновления курса ➜ https://courses.davegray.codes/
Урок по селекторам CSS для начинающих
(00:00) Введение
(00:05) Приветствие
(00:25) Настройка
(01:01) Селекторы элементов
(02:20) Селекторы классов
(03:42) Селекторы ID
(04:59) Селекторы групп
(06:25) Вложенные селекторы
(08:11) Универсальный селектор
(09:04) Каскадность
(10:01) Специфичность
(11:10) Проверьте свои селекторы в инструментах разработчика
(12:53) Наследование
(14:11) Вы не наследуете от универсального селектора
(14:44) Подробнее о наследовании
(17:11) Не используйте это!
(19:01) Калькулятор специфичности
⚙ Инструменты веб-разработки:
Браузер Chrome: https://www.google.com/chrome/
Visual Studio Code (VS Code): https://code.visualstudio.com/
Расширение Live Server для VS Code: https://marketplace.visualstudio.com/...
Расширение vscode-icons для VS Code: https://marketplace.visualstudio.com/...
Расширение Github Themes для VS Code: https://marketplace.visualstudio.com/...
Валидатор CSS W3C: https://jigsaw.w3.org/css-validator/
Калькулятор специфичности: https://specificity.keegan.st/
📚 Ссылки:
MDN CSS: https://developer.mozilla.org/en-US/d...
Основы CSS на MDN: https://developer.mozilla.org/en-US/d...
Селекторы CSS на MDN: https://developer.mozilla.org/en-US/d...
✅ Подписывайтесь на меня:
Github: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
Блог: https://yesdavidgray.com
Reddit: / daveoneleven
Был ли вам полезен этот урок о селекторах CSS для начинающих? Если да, пожалуйста, поделитесь им. Оставьте свои комментарии.
#css #селекторы #учебник