css - 在 CSS 中结合伪选择器？

Question

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

.abc:hover:selection{color:red}

和

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

当我选择它的一部分时，该链接会在我悬停时变成红色吗？这种伪类组合的语法是否正确？

Answer 1

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

除了在这种情况下，::selection它不是伪类，它是一个伪元素，不属于 CSS1 或 CSS2 或任何当前规范的一部分。这就是“伪选择器”一词的不足之处，因为它们是两个完全不同的东西。

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

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

即使那样，由于工作方式::selection（或不工作），也不能保证在浏览器中实际产生影响。

Answer 2

 .container:nth-last-child(2):not(:first-child) {
    background-color: red;
 }