Summary
Keywords
Full Transcript
Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-10_css-selectors/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-10_css-selectors/final-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp Imagine you're working on styling a page and you have to make sure that certain texts are purple, some are green, and rest are blue. But you notice that it's not working properly. Your styling is overwriting the other ones and at the end of the day you are just sad trying to debug how it's happening. That's exactly what we'll learn today. We'll debug CSS, try to understand how CSS works and it's crucial topics like cascading, specificity, and inheritance! We'll learn each topic in detail. After watching this video you'll have a better understanding on specificity and inheritance besides being super curious to learn more. So don't forget to practice it all and google all your questions. 📖 Chapters 00:00 - Introduction 01:20 - Create a New Project 03:09 - What is Cascade? 04:13 - Understand Cascade in CSS 10:29 - What is Specificity? 12:16 - Understand Specificity in CSS 15:33 - Useful Keyboard Shortcut for next line 16:19 - Element vs Class vs Id Specificity in CSS 25:55 - How to Increase Specificity of Any Element in CSS? 28:06 - Playing Around Specificity 33:34 - How to deal with Multiple Stylesheets? 36:42 - What is Inheritance? 38:30 - Understand Inheritance in CSS 44:05 - Conclusion If you have any doubt you can ask in comment section I will reply to each and every question or you can reach out to me directly on my social media handles mentioned below. Social Media 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Telegram: https://t.me/+bq8CBsPL3Wc1MjU1 🌐 Discord: https://discord.gg/dMe9mer9B3 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
