Css 将内容设置为：：before&；：：之后可以用鼠标进行选择

有没有办法使伪元素：：before&：：after的内容能够用鼠标进行选择，因为它可以用于页面的另一个文本

我有这样的想法：

.nick::before {
  content: ' <';
}

.nick::after {
  content: '> ';
}

.nick：：之前{
内容：''；
}

[09:42:43]某个用户另一个用户：诸如此类

然后我选择它并复制，我得到：
[09:42:43]SomeUserAnotherUser:blah blah

需要：
[09:42:43]其他用户：废话废话

如果可能的话，我想得到CSS解决方案。
是一篇关于：after和：before伪元素的好文章

给定文本（以及上面GCyrillus的注释），这些伪元素在DOM中是不“可访问”的，因此您无法使用HTML或js/jQuery“单击”来“单击”它们

所以我想知道“B”计划

为什么不能直接将它们添加为HTML

如果名称来自数据库，您不能将“”添加到php或js中吗

我可能没有领会你的意思。
css生成的内容无法被谷歌选中，也无法被谷歌看到，例如>你不能添加“”-是的，我可以，但该页面包含jabber聊天日志，并且有一个功能-用户可以更改样式。它以最简单的方式工作：
函数changeStyle（）{
$（“headlink[rel='stylesheet']）。href=“css/{file}.css”。format（{file:document.forms.style.css.value}）；
}
我不想让它变得更困难。是的，我知道什么是在DOM中无法访问的：：before&::after。但是我希望有一些CSS黑客或者一些简单的js解决方法。