2015-01-13 162 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