Master CSS Specificity in 20Min - The Most Important Topic In CSS in Hindi in 2020

Welcome, to Master CSS Specificity in 20Min - The Most Important Topic In CSS in Hindi.
What is CSS Specificity?
If there are two or more conflicting CSS rules that point to the same element, the browser follows some rules to determine which one is most specific and therefore wins out.

Think of specificity as a score/rank that determines which style declarations are ultimately applied to an element.

The universal selector (*) has low specificity, while ID selectors are highly specific!

Note: Specificity is a common reason why your CSS-rules don't apply to some elements, although you think they should.

Specificity Hierarchy
Every selector has its place in the specificity hierarchy. There are four categories which define the specificity level of a selector:

Inline styles - An inline style is attached directly to the element to be styled.

IDs - An ID is a unique identifier for the page elements, such as #navbar.

Classes, attributes and pseudo-classes - This category includes .classes, [attributes] and pseudo-classes such as :hover, :focus etc.

Elements and pseudo-elements - This category includes element names and pseudo-elements, such as h1, div, :before and :after.

************ Must Watch Videos For Web Development ************

➡️ ReactJS Tutorial in Hindi 2020 Playlist Link:    • React JS Tutorial in Hindi 2022  

➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020:    • #22: Props in React Js in Hindi | Rea...  

➡️ Check Complete Reactjs in One video here 👇    • ReactJS For Beginners in One Video in...  

➡️ HTML in One Video:    • Learn HTML in One Video in Hindi from...  


➡️ CSS in One video:    • Learn Complete CSS In One Video In Hindi  


➡️ CSS FlexBox in 30 Minutes:    • CSS FlexBox in 30 Minutes in Hindi 2022  


➡️ JavaScript in One video:    • JavaScript in One Video in Hindi  


➡️ ECMAScript 6 in One Video:    • ES5 & ES6 | ECMAScript 6 in One Video...  


➡️ HTML5 in one video:    • HTML5 Tutorial in One Video in Hindi ...  


➡️ CSS3 in one video:    • Learn Complete CSS3 In One Video In H...  


➡️ Bootstrap4 in One video:    • Bootstrap 4 in One Video in HINDI  2019  


➡️ Jquery in One video:    • jQuery in One Video in Hindi 2019  


➡️ JSON in one video:    • JSON in One Video in Hindi 2018  


➡️ ReactJS in one video:    • ReactJS For Beginners in One Video in...  


➡️ PHP in One Video:    • PHP TUTORIAL IN ONE VIDEO IN HINDI 2019  


➡️ NodeJS in one video:    / ipnwakoibt  


➡️ MySQL in one video:    • Complete SQL & MySQL in One Video in ...  


********** CLICK HERE TO WATCH ************

➡️ Fetch API in JavaScript:    • Fetch API in JavaScript | Load JSON F...  

➡️ AJAX tutorial for beginners in Hindi:    • AJAX tutorial for beginners in Hindi  

➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi:    • ES6 Tutorial #3: Template literals (T...  

➡️ Async Await in JavaScript in Hindi:    • Async Await in JavaScript in Hindi | ...  

➡️ Promises in JavaScript in Hindi:    • Master The Promises in JavaScript in ...  

➡️ Callback Hell in JavaScript:    • Callback Hell in JavaScript | Asynchr...  

➡️ Advanced JavaScript in Hindi Playlist:    • Advanced JavaScript Tutorial in Hindi...  

➡️ ECMAScript Tutorial in Hindi 2020:    • Modern JavaScript ES6 Tutorial in Hin...  

➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi:    • ES5 & ES6 | ECMAScript 6 in One Video...  

➡️ JavaScript Game Development Series in 2020:    • JavaScript Game Development Hindi 2020  


➡️ Source Code Link: https://www.thapatechnical.com/2019/1...


➡️ Top 5 Programming Languages in 2020:    • Top 5 Programming Languages to Learn ...  


➡️ Ludo Game JavaScript Link:    • JavaScript Game in Hindi | Create a L...  


➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link:    / @mayabeautyvlogs878  


**************** MUST WATCH VIDEOS *****************


➡️ How to become a Full Stack Developer 2020:    • How to become a Full Stack Developer ...  


➡️ How To Become a Web Developer 2020:    • How To Become a Web Developer in Hind...  


➡️ How JavaScript Works:    • How JavaScript Works in Hindi | JavaS...  


➡️ Follow me on Instagram:   / vinodthapa55  



Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link:    • Make Website Responsive Using Media Q...  


Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow me on all Social Network,


Website Link: https://www.thapatechnical.com


Instagram Link:   / vinodthapa55  


Facebook Link:   / vinodthapa55  


Twitter Link:   / vb55thapa  


Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadur...