如何更改CSS中特定单词的字体颜色?

时间:2015-09-21 02:31:55

标签: html css fonts colors

给予类似

的结构

adjoasdouhaosdh asdj oaushdo你好

我为随机词道歉,你好

我想我的问题是,是否有一种更简单的方法可以让'你好'变成另一种颜色?对不起,如果这令人困惑

2 个答案:

答案 0 :(得分:2)

HTML

<p>adjoasdouhaosdh asdj oaushdo <span>hello</span></p>

<p>i apologize for the random words, <span>hello</span></p>

CSS

p > span { 
    color: red;
    font-weight: bold;
}

DEMO:http://jsfiddle.net/uq6rswpk/

参考您的评论,询问如何在一组<p>兄弟姐妹中选择<p>元素,您可以使用:nth-child pseudo-class

p:nth-child(2) { ... }

答案 1 :(得分:1)

所以你不想手动将标签包裹在“你好”的周围。在css中没有办法做到这一点。唯一的方法是使用javascript搜索这些单词并将它们包装在标签内。

但我建议在服务器端而不是客户端执行此操作,因此在预处理功能中