Question

是否可以通过css选择和设置特定单词的样式？示例案例：

<div>Roses are red violets are blue. This is red that is blue.</div>

并且某种类型的样式会使该句中的所有red个单词变为红色;并且该句中的所有blue个单词都是蓝色的。

编辑：我找到了这个页面，它以某种方式工作。不知道它是如何工作的（有些元素是彩色的 - 如何？） http://www.regexr.com/

Answer 1

不，不可能。你必须使用javascript。

Answer 2

不，只能使用CSS。您可以使用Javascript或jQuery来实现您的目标：

您搜索div的内容，尝试找到“红色”，“蓝色”等字样
在{/ li>字围绕span包裹class="color"
您将样式应用于CSS中的该范围

Answer 3

抱歉，我不相信这是可能的。你可以添加一些像这样的CSS：

<div>
    Roses are 
    <span style="color:#f33">red</span>
    violets are 
    <span style="color:#36f">blue</span>.
    This is 
    <span style="color:#f33">red</span>
    that is
    <span style="color:#36f">blue</span>.
</div>

或者您可以为每种颜色创建一个类（如HTML文件的head部分，或者如果要在多个页面上使用它，则将其放在单独的文件中）

<style>.red { color:#f33; } .blue { color:#36f; }</style>

然后使用此代码：

<div>
    Roses are
    <span class="red">red</span>
    violets are
    <span class="blue">blue</span>.
    This is 
    <span class="red">red</span>
    that is 
    <span class="blue">blue</span>.
</div>

Answer 4

使用class =“redword”在单词red周围添加一个范围，并使用css

进行目标

 <span class="redword">red</span>
 <span class="blueword">blue</span>
 .redword{color:red;}.blueword{color:blue;}

CSS＆＃34; word＆＃34;选择？

4 个答案: