在bootstrap less中添加panel-heading：hover类不会改变悬停颜色

Question

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

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

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

任何解决方案？

Answer 1

如果它在chrome dev工具和css文件中不起作用，那意味着它会被其他规则覆盖。您可以通过提高特异性来覆盖规则（例如，连接另一个类名或其他选择器），或者，确保使用“！important”：

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