给定以下标记…
<div id="Header">
<a href="#" class="Highlight">foo</a>
</div>
和以下样式表…
/******************Exceptions******************/
#Footer,#Header,#Footer a,#Header a { color: #f8f8f8; }
/******************Classes******************/
.Highlight,a.Highlight { color: #B1D355; }
.Notification,a.Notification { color: Red; }
为什么我的链接仍然是灰白色(F8F8F8)而不是绿色(B1D355)？
不应该使用“高亮”类来覆盖页眉和页脚的颜色设置,因为它们的声明之后呢？
解决方法
这一切都是关于体重.类选择器被ID选择器占据.
#Footer a
将永远优先
高光或高光
做你的选择器
#Footer .highlight a
你应该没事
