CSS：懸停選擇器不工作 - 爲什麼？

Question

這是我的CSS：

.add-to-cart button.button > span:hover { 
    font-size: 14px; 
} 

它懸停只是不會工作。如果我把font-size: 14px;放在沒有:hover的選擇器裏面，它可以工作，字體大小也會改變，那爲什麼不懸停？

不幸的是我不能共享標記，只是到目前爲止的本地安裝。

謝謝！

Answer 1

你可以嘗試以設置在其他樣式規則的優先級添加了重要的你的風格！

.add-to-cart button.button > span:hover { 
    font-size: 14px !important; 
} 

如果不工作，你或許應該檢查你的選擇，在這種情況下，你可以嘗試將樣式添加到所有span標籤（只是要確保選擇是正確的）：

span:hover { 
    font-size: 14px !important; 
}