爲什麼一些CSS屬性不起作用？

Question

爲什麼不是以下樣式生效？

.tags a{ 
    color: red; 
} 

我可以通過追加!important來強制它的財產。

代碼：http://codepen.io/haxan7/pen/QyQNBR

Answer 1

以下兩個聲明都適用於該錨文本。

.theme .content a{ 
    color: green; 
} 

.tags a{ 
    color: red; 
} 

顏色「綠色」具有更多的特異性，然後顏色「紅色」，這就是爲什麼「綠色」得到應用。增加顏色「紅色」的特異性，然後應用。

.theme .content .tags a { 
color: red; 
} 

Answer 2

因爲你.theme .content a風格設置標籤顏色爲綠色。

變化這在你的代碼：

.theme .content a{ 
    color: red; 
}