CSS规则优先级

给定以下标记…

<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

你应该没事

原文地址：https://www.jb51.cc/css/214191.html