Trying to understand CSS specificity


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
.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

Check this out:


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