【问题标题】：Adding panel-heading:hover class in bootstrap less does not change the hover color在 bootstrap less 中添加 panel-heading:hover 类不会改变悬停颜色
【发布时间】：2013-12-25 13:24:50
【问题描述】：
我在bootstrap/less/panels.less中添加了以下几行
//hover color for panel heading
.panel-heading:hover {
background-color: #dfdfdf;
}
但它不会加载到浏览器中的 css。但是我可以在 css 编辑器中手动添加它（在 chrome 开发工具中）并且它可以工作。
有什么解决办法吗？
【问题讨论】：
标签：
css
twitter-bootstrap
hover
less
【解决方案1】：
如果它在 chrome 开发工具中有效而在 css 文件中无效，则表示它已被其他规则覆盖。您可以通过增加特异性来覆盖规则（例如连接另一个类名或其他选择器），或者可以肯定的是，使用“！important”：
.panel-heading:hover {
background-color: #dfdfdf !important;
}