在CSS中,我們可以使用color
屬性來控制文本的顏色。但是,如果我們希望控制數字的顏色,該怎么辦呢?
p { font-size: 24px; color: #333; } .number { color: red; }
以上是一個簡單的CSS示例。我們在全局樣式中給p
標簽設置了字體大小和顏色。接下來,我們給數字添加了一個類名number
,并為其設置了紅色。
接下來,我們只需要在需要改變數字顏色的地方使用這個類名即可:
<p>這是一個普通的文本,數字顏色不變。</p><p>這里的數字<span class="number">123</span>應該是紅色的。</p><p>這里的數字<span class="number">456</span>也應該是紅色的。</p>
在上面的例子中,我們用了一個span
標簽來包裹數字,然后給這個標簽添加了類名number
。這個方法可以應用于任何需要控制數字顏色的情況。
下一篇css控制文本超出