使用::selection伪选择器突出显示多个单词

css伪选择器 ::selection 做了一个很好的工作,让我改变一个词或句子的颜色点击。然而,对于我的用例有一个退步——我不能同时突出显示多个不连续的单词。例如,考虑以下句子:

Lorem ipsum悲哀地坐在阿梅特的位子上

如果我愿意,我可以(使用 ●选择 )点击那个句子中的任何单词并改变它的颜色。但是,如果我想同时点击这两个怎么办 ipsum 和 sit dolor . 如果我这样做了,那么只有一个单词的颜色会改变(我点击的最后一个)。

●选择 打开或关闭单词选择的效果。

有没有办法让我用 html , css , javascript , react 或者它们的组合?如果是,怎么做?