CSSでスタイル付けをしている際にリストの先頭にそれぞれ共通するテキストがあるのでこれを擬似要素で作ろうと思いました

li::before
{
    content: "共通テキスト";
}
<ul>
    <li>項目A</li>
    <li>項目B</li>
    <li>項目C</li>
</ul>

そのままだと擬似要素のテキストだけコピーできないようなのですがなぜコピーできないのでしょうか?
追加のCSSかJSを使う必要がありますか?それとも擬似要素以外を使う方がいいですか?

※開発者ツールを使えば選択できるようです