css - 添加面板标题 :hover class in bootstrap less does not change the hover color

Question

我已将以下行添加到 bootstrap/less/panels.less

//hover color for panel heading
.panel-heading:hover {
  background-color: #dfdfdf;
}

但它不会加载到浏览器中的 css。但是我可以在 css 编辑器(在 chrome 开发工具中)中手动添加它并且它可以工作。

有什么解决办法吗？

Answer 1

如果它在 chrome 开发工具中有效而在 css 文件中无效，则意味着它被其他规则覆盖了。您可以通过增加特异性(例如，连接另一个类名或其他选择器)来覆盖规则，或者，可以肯定的是，使用“!重要”:

.panel-heading:hover {
  background-color: #dfdfdf !important;
}