Lessons: 5Length: 27 minutes
- Overview
- Transcript
1.1 Welcome to the Course
Hello and welcome to this Envato Tuts+ course. I’m Adi Purdila, and in this short course you’ll learn about CSS specificity.
If you’ve ever written CSS code, you’ll have been in the following situation: you’re writing some CSS and for some reason, one style doesn’t apply correctly or is overridden by another style, and you just can’t figure out why it’s happening. This can lead to a lot of wasted time and hair-pulling.
However, it can be avoided or fixed quickly if you understand how CSS specificity works. We’ll start by learning what CSS specificity is all about and how browsers use it to determine which styles to apply to elements. In lessons 2 and 3, we’ll learn about its hierarchy and how to rank or calculate it ourselves. Finally, in lesson 4, we’ll discuss the !important rule, plus the universal selectors and their role in the calculation of specificity.
So, if you’re ready, let’s get started with understanding what CSS specificity is.
Related Links
1.Introduction
1.1Welcome to the Course01:23
2.Understanding CSS Specificity
2.1What Is CSS Specificity?03:15
2.2CSS Specificity Hierarchy05:13
2.3Ranking CSS Specificity12:32
2.4The !important Rule and Universal Selector04:55
1.1 Welcome to the Course
Hello and welcome to Envato Tuts+ course, I'm Adi Purdila. And in this short course, you will learn about CSS specificity. Now, we've all been in the following situation where we're writing some CSS code. And for some reason, certain styles don't apply correctly or are overridden by another styles, and we just can't figure out why. And this can lead to a lot of wasted time and frustration. Thankfully, this can be avoided or fixed very fast if we have or if we understand how CSS specificity works. So here's how we'll structure this course. We'll start by learning what CSS specificity is all about and how browsers use it to determine what styles to apply to elements. In lessons two and three, we'll learn about its hierarchy and how to rank it or to calculate it ourselves. And finally, in lesson four, we'll discuss the important rule and the universal selectors and their role in the calculation of specificity. So if you're ready, let's start by understanding what is CSS specificity. That's coming up in the next lesson, so I'll see you there.
