html 为什么：：selection的css选择器不起作用？

nafvub8i 于 2023-02-10 发布在其他

关注(0)|答案(1)|浏览(273)

嗨，我想给p标签选择样式，但它不工作，任何想法为什么？

body.blog p::selection,
body.blog p::-moz-selection {
 color: red;
}

<body class="blog">
<p class="text-condensed-light text-15-rem mt-20">This text should be red when selected.</p>
</body>

任何帮助都感激不尽。
CODEPEN

1条答案

当浏览器遇到它不支持的选择器时，它会忽略 * whole * 规则。
所以把规则分开。

p::-moz-selection {
  color: red;
}

p::selection {
  color: red;
}

<p class="text-condensed-light text-15-rem mt-20">This text should be red when selected.</p>