2015-01-13 163 views
1

我知道這是可能做到這一點懸停一個僞元素?

.parent:hover:before { 
    color: 'blue'; 
} 

但有可能偵聽僞元素本身上懸停?

.parent:before:hover { 
    color: 'blue'; 
} 

編輯

好了,這是不可能的。誰能解釋爲什麼?

+1

http://stackoverflow.com/questions/5777210/how-to-write-hover-condition-for-abefore-and-aafter –

+1

這代碼第一塊是不是CSS。那是什麼,少了還是sass? – j08691

+1

儘管欺騙問題並不完全相同,但您會在其中找到答案。 –

回答

1

你有你的選擇器錯誤的方式。嘗試:

.parent:hover:before { 
    color: 'blue' 
} 

它這樣想:

.AlwaysPut:hover:before{} 

然後你就錯不了! :d


僞元素VS僞選擇

這是恰當地稱作僞「元素」(不選擇) ,因爲他們不選擇上存在任何「真正的」元素頁。 這適用於這兩個,以及以前的部分 :首字母和:第一行。合理?就像 ::首字母選擇的第一個字母本身不是一個元素,它只是現有元素的 部分,因此是僞元素。 〜CSS Tricks

+1

謝謝,但在問題中,我指定我已經知道這是可能的。我想知道爲什麼以前不能監聽懸停事件 – plondon

+2

@plondon:這是因爲'僞'元素不是DOM的* true *元素,所以你不能*'懸停'*它。 – jbutler483