我知道我要保持我的風格和我的內容分開的，所以假設我想要顯示：HTML/CSS中一個句子中多種顏色的最佳做法是什麼？
<h1>ROYGBV</h1>
一個頁面，其中每個字母也是它的配色，這將是我們的最佳實踐？
難道是：
<h1><font color="red">R</font><font color="orange">O</font>
等等？而假設我有一個需要一段多個單詞是有色的，如：
莎莉發現所有的紅色貝殼下跌的黃色太陽的藍色海濱出來......
是它好的，所有的HTML都有字體標籤嗎？我能想到的唯一選擇是將它們放在span標籤中並添加一個類。這將允許我在css文件中更改紅色的所有迭代的紅色定義。
<font>標記已棄用。 MDN Docs
最好的方法是在你的問題本身。使用span來包裝特定的單詞。
.red {
color: red;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}<p>Sally found all the <span class="red">RED</span> seashells down by the <span class="blue">BLUE</span> seashore out in the <span class="yellow">YELLOW</span> sun ...</p>有道理。我想我正在尋找一種不存在的神奇，更清潔，速記。 – Nate
用途：
<style type="text/css">
.classForColor {
color: red;
}
</style>
...
<body>
<span class="classForColor">txt</span>
</body>
問題是關於最佳實踐。爲什麼你的解決方案是最好的？ – Marki555
你總是可以做到這一點..
這裏是fiddle。
以下是摘錄。
.red {
color: red;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}<div>Sally found all the <span class="red">RED</span> seashells down by the <span class="blue">BLUE</span> seashore out in the <span class="yellow">YELLOW</span> sun</div>
不，不是這樣的。字體標籤自HTML 4以來已被棄用。使用span和classes。 –