在更少的bootstrap中添加panel-heading：hover类不会更改悬停颜色

Question

我添加了以下几行 bootstrap/less/panels.less

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

但是它不会加载到浏览器的CSS中。但是我可以在CSS编辑器（在chrome开发工具中）中手动添加它，并且可以正常工作。

有什么解决办法吗？

Answer 1

如果它在chrome dev工具中工作而在css文件中不工作，则意味着它已被其他规则覆盖。您可以通过增加特异性来覆盖规则（例如，串联另一个类名或其他选择器），或者可以肯定地使用“！important”：

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