Module 3 - Lesson 6

CSS Specificity Hierarchy

In this very important lesson, you’ll learn why some CSS selectors overwrite different ones and how to make sure that your CSS code always works.

Video Chapters

00:00 Introduction

00:28 Selectors order

02:08 How the CSS Specificity works?

04:15 Being as specific as it makes sense

05:11 Using !important value

05:57 Class vs ID Specificity

06:17 Calculating CSS Specificity Values

08:00 The weight of !important value

08:36 Examples

Action Items

Join the discussion

Share your thoughts about this lesson with fellow students!

Login to your Account

If you're a DSA Student, please log in to your account to access the course content.

Sorry, you don't have access to this content.

It looks like you're not enrolled in Divi Stylist Academy.