如何更改中间句子的字体颜色

时间:2012-11-27 12:01:34

标签: html css

更改句子中单个单词或单词组的颜色或字体的正确方法是什么?我正在使用Twitter Bootstrap并希望继承<div>类的所有属性,但只是略微调整它们。

1 个答案:

答案 0 :(得分:13)

取消Chords评论,您可以创建一个<span>标记,围绕您要更改的文字。您可以轻松地将多个类添加到单个范围中,以实现您想要的外观。

这里是a fiddle,展示如何在一个范围内使用多个类。

<强> CSS

.bold { font-weight: bold; }
.red { color: #FF0000; }
.yellow-background { background-color: Yellow; }​

<强> HTML

Here is <span class="bold">some text</span> that we are going to apply 
<span class="bold red">different styles</span> to. You can see how 
<span class="bold yellow-background">multiple classes</span> can be used to 
change the <span class="red bold yellow-background">look and feel</span> 
of the text.​