css - Styles not cascading appropriately -

I am creating a WordPress theme, and I have these snippets in my style.css:

  #content a: link, #content a: visited, #content a: hover, #content a: active {color: #fff; } .entry-utility a: link, .entry-utility a: visited, .entry-utility a: hover, .entry-utility a: active {background: #fff; Color: # 111; }  

The problem is that all links, even & lt; Div class = "entry-utility" & gt; is also provided with color: #fff ". The background selector works fine in the second snippet, but not color : Selector I have checked, and this is definitely the most granular color selector, what could be the reason for it?

I tried to comment first, the second thing The reason for doing this is as far as I can tell, it is only the least grainy my In the topic, the selector of all the links.

You Color: # 111; Which is more accurate than #content a .

  #content div.entry-utility a {background: #fff; color: # 111;}