在CSS中组合伪选择器？

Question

我的意思是,如果我需要,例如,悬停链接中的选定文本是红色的,我可以在CSS样式中使用以下代码吗？

.abc:hover:selection{color:red}

和

<a href="123" class="abc">4567890</a>

当我选择它的一部分时,那个链接会在我悬停它时变成红色,并且这种伪类合并的正确语法是什么？

Answer 1

如果您正在谈论伪类,那么是的,您可以按任何顺序组合它们.

除了在这种情况下,::selection它不是伪类,它是一个伪元素,它不是CSS1或CSS2的一部分,或任何当前的规范.这就是术语"伪选择器"不足之处,因为它们是两个完全不同的东西.

正确的语法是单冒号:hover和双冒号::selection,与伪类不同,伪元素必须始终排在最后:

.abc:hover::selection{color:red}

即便如此,由于方式::selection有效(或没有),因此无法保证在浏览器中实际产生效果.