Trying to resolve CSS conflicts can sometimes be a frustrating task. Figuring out why a certain style gets applied over another is something all web developers have had to do at some point. Fortunately, this can be quite simple with a basic understanding of “CSS specificity”. Specificity describes a set of rules applied to CSS selectors that determine which style is applied to an element.
In this short course, you’ll learn how specificity works and how you can calculate it so you can avoid a lot of headaches in your future projects.
1.Introduction1 lesson, 01:23
1 lesson, 01:23
1.1Welcome to the Course01:23
1.1
Welcome to the Course
01:23
2.Understanding CSS Specificity4 lessons, 25:55
4 lessons, 25:55
2.1What Is CSS Specificity?03:15
2.1
What Is CSS Specificity?
03:15
2.2CSS Specificity Hierarchy05:13
2.2
CSS Specificity Hierarchy
05:13
2.3Ranking CSS Specificity12:32
2.3
Ranking CSS Specificity
12:32
2.4The !important Rule and Universal Selector04:55
2.4
The !important Rule and Universal Selector
04:55
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.