将鼠标悬停在除选定文本之外的所有内容上

问题描述

我只想使用CSS和html更改未选中文本的颜色。

同一行上的文字 选项1，选项2，选项3和选项4。

将鼠标悬停在选项1上，使选项2,3,4变为灰色。

查看了此：Hover on "everything but" aka "spotlight" effect: how to make smooth & easy hover transitions?

我希望文本在同一行。

解决方法

使用另一个线程中的代码，并使用span或display：inline-block将文本置于同一行。