Trying to understand CSS specificity

Hello,

If I have many sections with different class names (ex: <section class="course">), if this section lists items (<li class="dish">), which selector among these would have the greater specificity to style one of those items?

.course li
section li.dish
.course .dish
section.course .dish

From what I tried, I could use more than one of these with the same result, but not sure… Thanks

1 Like

Check this out: https://specificity.keegan.st/

Thanks!

PS: I need at least 20 characters to post this so voilà :woman_shrugging: