我有一个list-group，里面有一些元素。普通元素有list-group-item但我想要一些元素作为标题，所以我给它list-header类。
现在我唯一的努力就是正确地设计它。
<a href="#" class="list-group-item list-header">Tags</a>
<a href="#" class="list-group-item">Services</a>
我只想在附加background-color课程时更改list-group-item上的list-header。
类似的东西：
.list-group>a.list-group-item:hover .list-header {
background-color: #ededed;
}
但我想这不是那种方式......
答案 0 :(得分：4)
您可以使用：
.list-group > a.list-group-item.list-header:hover {
background-color: #ededed;
}
当您将鼠标悬停在同时包含list-group-item和list-header类的元素时，将会应用以上内容。
答案 1 :(得分：1)
应该是
.list-group>a.list-group-item.list-header:hover {
background-color: #ededed;
}
这是因为list-group-item和list-header类都属于同一个元素。
当h class='list-header'（锚点）元素与a悬停时，下面设置了class='list-group-item元素的背景。
.list-group>a.list-group-item:hover .list-header {
background-color: #ededed;
}