如何突出标记中的空格?(CSS)

Question

我有一个标签

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

我只想突出显示 。我怎么能做到只用CSS?

Answer 1

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

<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>

放上 在像

这样的span内

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

Answer 2

你不能只用CSS做到这一点;你将需要在span中包装每个非中断空间，并给span一个背景颜色。维基百科在他们的文章中这样做，例如:

In Unicode, it is encoded as <span class="nowrap">U+00A0</span> <span class="unicode" style="background:lightblue">&#160;</span> <span class="smallcaps" style="font-variant:small-caps;">no-break space</span>