The Complete Frontend Development Course | 150 Hours | Zero to Advanced - Important Keyword in CSS Explained | Frontend Bootcamp Hindi | Ep.12

Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-12_important-keyword/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-12_important-keyword/final-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp I see most people use !important keyword very often even if it is not required. We should be very careful while using it. After watching this video you understand why do we use it and why should we using it. Basically it kills specificity and cascade rule of normal selectors and overrides everything. Quick Tip: You can use !important keyword inside inline styles as well. It's syntax would look something like this. style="background-color: red !important" This would have ultimate level of importance and you can not override this with anything because it has the power of both inline style which has 1000 specificity and !important keyword. 📖 Chapters 00:00 - Introduction 02:52 - Recap Cascade and Specificity 04:12 - Specificity of Inline Elements 07:00 - Specificity Killer !important Keyword 10:46 - Overriding !important 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