CSS：懸停只有當有兩個類

Question

我想只應用CSS：懸停選擇器，當兩個不同的類連接到一個div。我試過這個，但是這個擺脫了懸停效果。

.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中的元素的後代。如果你想引用相同的元素，請刪除空格。