好的,要清楚,我不是要对CSS进行(伪)初始化。只是想检查是否可以在伪元素上添加伪类。例如:
.some-class:after:hover {
}
似乎不起作用。
但这可以工作:
.some-class:hover:after {
}
当然,这不是:
.some-class:hover:after:hover {
}
我想做的是-有一个div。如果将鼠标悬停在该div上,我将在div上使用:after附加一个删除图标。我想为该图标设置样式(例如,将其缩放到1.1左右)。这可能仅在CSS上可行吗?我只需要它即可在Chrome上运行。
最佳答案
不可以,当前标准不允许将伪类附加到伪元素上。伪元素可能出现的唯一位置是复杂选择器的末尾,之后没有其他选择器或组合器。请参阅spec。
诸如WebKit的某些实现有其自己的规则,但它们是非标准的,无法跨浏览器工作。它们也可能不适用于所有伪类和/或所有伪元素。例如,据我所知,:after:hover
在包括Chrome在内的任何浏览器上均不起作用。
无论哪种方式,您都将需要使用实际元素而不是伪元素。
关于css - 伪元素上的伪类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27664840/