CSS：仅在有两个类时悬停

Question

我正在尝试仅在将两个不同的类附加到div时应用CSS：hover选择器。我试过这个，但这摆脱了悬停效应。

.accordionButton .cyan:hover{
    color: cyan;    
}

我也不能这样做：

.accordionButton:hover, .cyan:hover{
    color: cyan;    
}

因为我还有其他两种颜色，我也试图这样做。

基本上，有没有什么方法可以让CSS只在一个盘旋在.accordionButton和.cyan的div上时适用？

Answer 1

你可以像这样链接课程：

.accordionButton.cyan:hover{
  color: cyan;
}

此悬停适用于具有两种样式的元素。

Answer 2

如果在选择器中的类之间放置空格，就像你一样，那将选择类cyan的所有元素，这些元素是类accordionButton的元素的后代。如果要引用相同的元素，请删除空格。