2012-11-27 151 views
8

更改語句中單個單詞或一組單詞的顏色或字體外觀的正確方法是什麼?我正在使用Twitter Bootstrap並希望繼承<div>的課程的所有屬性,但只能稍微調整它們。如何更改字體顏色mid-sentence

回答

11

要取消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.​ 
+0

賓果!這就是我所追求的。我會把這一個給傑森,但支持和絃建議這種方法。乾杯。 – dugla

+0

呵呵,+1的小提琴涼爽。 – dugla

+0

剛剛發現這一點,並不能相信我以前沒有想過它。 –