如何高亮显示标记中的空格?(仅限CSS)

如何高亮显示标记中的空格?(仅限CSS),css,Css,我有标签 <span class="block" style="width:12px;height:17px">&nbsp;tttt&nbsp;ttt&nbsp;ttttt</span> ttttttttttttt 我只想突出显示。如何仅使用CSS来选择空间?没有这样的方法来选择空间,但是如果出于某种原因您真的想这样做,您可以尝试以下方法: <span class="block" style="width:12px;height:17px

我有标签

<span class="block" style="width:12px;height:17px">&nbsp;tttt&nbsp;ttt&nbsp;ttttt</span>
ttttttttttttt

我只想突出显示
。如何仅使用CSS来选择空间?

没有这样的方法来选择空间,但是如果出于某种原因您真的想这样做,您可以尝试以下方法:

<span class="block" style="width:12px;height:17px"><span style="background-color:#F00;">&nbsp;</span>tttt<span style="background-color:#F00;">&nbsp;</span>ttt&nbsp;ttttt</span>
ttttttttttttt
把它放在一个像这样的跨度内

<span style="background-color:#F00;">&nbsp;</span>

没有这样的方法来选择空间,但是如果出于某种原因您真的想这样做,您可以尝试以下方法:

<span class="block" style="width:12px;height:17px"><span style="background-color:#F00;">&nbsp;</span>tttt<span style="background-color:#F00;">&nbsp;</span>ttt&nbsp;ttttt</span>
ttttttttttttt
把它放在一个像这样的跨度内

<span style="background-color:#F00;">&nbsp;</span>

你不能只使用CSS;您需要将每个不间断的空格包装在
span
中,并为该
span
提供背景色:

在Unicode中,编码为U+00A0 ;无中断空间

你不能只使用CSS;您需要将每个不间断的空格包装在
span
中,并为该
span
提供背景色:

在Unicode中,编码为U+00A0 ;无中断空间

你说的“仅突出显示”是什么意思?如何突出显示“空白”?!!?所以从技术上讲,我们必须能够根据某种规则选择CSS中的空格并设置样式?我认为这是不可能的。否则你可以通过添加一个跨度来实现,而不是使用相同的背景色和颜色。类似于这里的链接。突出显示-这意味着我想找到并绘制字符串中的所有空格。类似于仅对所有条目使用::第一个字母选择器。我无法添加新标记(此严格条件)您使用“仅高亮显示”是什么意思?你怎么能突出显示“空白”?!!?所以从技术上讲,我们必须能够根据某种规则选择CSS中的空格并设置样式?我认为这是不可能的。否则你可以通过添加一个跨度来实现,而不是使用相同的背景色和颜色。类似于这里的链接。突出显示-这意味着我想找到并绘制字符串中的所有空格。类似于仅对所有条目使用::第一个字母选择器。我无法添加新标签(此严格条件)。如果此答案对您有帮助,请将其标记为已回答。如果此答案对您有帮助,请将其标记为已回答。