html – 选择:: before或:: after之后的文本元素

前端之家收集整理的这篇文章主要介绍了html – 选择:: before或:: after之后的文本元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看看这个非常简单的代码
<!DOCTYPE html>
<html>
<head>
<style>
p::before {
    content: "Before - ";
}
</style>
</head>
<body>
<p>Hello</p>
<p>Bye</p>   
</body>
</html>

Css在每个< P>的开头加上“ – 之前 – ”,然后像这样渲染

如果使用鼠标选择文本(对于复制粘贴),则可以选择原始文本,但不能选择由css添加的Before或Aftter文本.

我有一个非常具体的要求,我需要允许用户选择带有mosue的Before文本.你会怎么做?

解决方法

你不能,之前和之后的伪类不应该用于那个目的.

猜你在找的HTML相关文章