Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this CSS selectors tutorial for beginners you will learn the types of CSS selectors and how CSS selectors are applied. You will also learn about the basics of cascade, specificity, and inheritance.
Subscribe ➜ https://bit.ly/3nGHmNn
This lesson is part of a CSS for Beginners tutorial series playlist:
• CSS Tutorials for Beginners
All Resources for this CSS Tutorial Series: https://github.com/gitdagray/css_course'>https://github.com/gitdagray/css_course
Course Updates ➜ https://courses.davegray.codes/
CSS Selectors Tutorial for Beginners
(00:00) Intro
(00:05) Welcome
(00:25) Setup
(01:01) Element selectors
(02:20) Class selectors
(03:42) ID selectors
(04:59) Group selectors
(06:25) Nested selectors
(08:11) Universal selector
(09:04) The Cascade
(10:01) Specificity
(11:10) Check your selectors in dev tools
(12:53) Inheritance
(14:11) You do not inherit from the universal selector
(14:44) More on inheritance
(17:11) Do not use this!
(19:01) Specificity calculator
⚙ Web Dev Tools:
Chrome Browser: https://www.google.com/chrome/
Visual Studio Code (VS Code): https://code.visualstudio.com/
Live Server VS Code Extension: https://marketplace.visualstudio.com/...
vscodeicons VS Code Extension: https://marketplace.visualstudio.com/...
Github Themes VS Code Extension: https://marketplace.visualstudio.com/...
W3C CSS Validator: https://jigsaw.w3.org/cssvalidator/
Specificity Calculator: https://specificity.keegan.st/
References:
MDN CSS: https://developer.mozilla.org/enUS/d...
MDN CSS Basics: https://developer.mozilla.org/enUS/d...
MDN CSS Selectors: https://developer.mozilla.org/enUS/d...
✅ Follow Me:
Github: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
Blog: https://yesdavidgray.com
Reddit: / daveoneleven
Was this tutorial about CSS Selectors for beginners helpful? If so, please share. Let me know your thoughts in the comments.
#css #selectors #tutorial