选择:: before或:: after之后的文本

Question

看看这个非常简单的代码

<!DOCTYPE html>
<html>
<head>
<style>
p::before {
    content: "Before - ";
}
</style>
</head>
<body>
<p>Hello</p>
<p>Bye</p>   
</body>
</html>

Css ¨Before -"在每个开头添加<P>并像这样呈现

在此输入图像描述

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

在此输入图像描述

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

Answer 1

这不能在HTML页面中完成,但作为一个黑客,如果您需要复制/粘贴伪元素,您可以将页面导出为PDF并从中复制.例如,在Chrome中,您可以从打印预览中复制页面内容.

Answer 2

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