CSS Selectors Tutorial for Beginners

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

📬 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/...
vscode-icons VS Code Extension: https://marketplace.visualstudio.com/...
Github Themes VS Code Extension: https://marketplace.visualstudio.com/...
W3C CSS Validator: https://jigsaw.w3.org/css-validator/
Specificity Calculator: https://specificity.keegan.st/

📚 References:
MDN CSS: https://developer.mozilla.org/en-US/d...
MDN CSS Basics: https://developer.mozilla.org/en-US/d...
MDN CSS Selectors: https://developer.mozilla.org/en-US/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