對孩子徘徊在父親

Question

This代碼工作應該工作，但實際上沒有顯示跨度：

<a class='linkz' href="#"> 
    <span style='display:none;'>span </span> 
    link 
</a> 

.linkz:hover span 
{ 
    display:block; 
} 

我想要做的是，當我將鼠標懸停在鏈接以顯示範圍。 爲什麼失敗？它不是一個有效的CSS（2）嗎？

Answer 1

您的display:none被設置爲內聯樣式。內聯樣式將始終優先，即使在元素（或其父級）的懸停狀態上也是如此。

如果你可以將內聯樣式到樣式表，它會工作：

.linkz span 
{ 
    display:none; 
} 

.linkz:hover span 
{ 
    display:block; 
}