Understanding CSS selectors

Question

Why is it that the below makes the text red?

#stories li a {color:red}
.default li.expand a {color:green}
li.expand a {color:blue}

---

Answer 1

Selectors work based on how specific a rule is. An id uniquely identifies a specific element, so it is as specific as you can get.

Take this example:

 

   
this is the end
   
this is the end
 
 

    
this is the end
    
this is the end
 
 

   
this is the end
   
this is the end
 

How would you target just the #stories list if the selectors didn't work that way?