如何更改這2行HTML，以便我可以將它放入我的CSS？

Question

我如何定位CSS中的紅色文字？我需要所有的紅色文字的顏色更改爲橙​​色：

<span style="color: #dc143c;"><strong>Red text that must be Orange</strong></span>

我試着用下面的，但我真的不知道我應該怎麼寫它，使其工作..

span[style="color: #dc143c;"] { 
    color:#f7941d !important; 
} 

感謝您的幫助！

Answer 1

放置在<span>標籤的所有紅色代碼，然後在CSS針對<span>，並給他們的類標籤顏色更改爲以下

<span class="red-text">this is red text</span> 

CSS代碼中給出紅色代碼：

.red-text {color:#f7941d;} 

Answer 2

我認爲使用類或id作爲跨度會更容易，並且只要你想使用javascript或jquery就可以定位它。例如

紅色文本必須是橙色

使用jQuery，你可以這樣做： $（ 'OrangeRedSpan。 '）的CSS（' 顏色'：＃FE9A2E）;

Answer 3

給你的紅色文本顏色變化等

<span class="color-change" style="color: #dc143c;"><strong>Red text that must be Orange</strong></span> 

現在在你的CSS

的ID或Class

.color-change { 
    color:#f7941d !important; 
    } 

一件事不要使用內聯CSS，因爲內嵌CSS如果有優先級最高你使用內聯的CSS必須使用！重要的關鍵字來改變顏色。

Answer 4

你應該完全從你的html中刪除樣式標籤，並使用類來代替。

<span class="colored"><strong>colored text</strong></span> 

然後在你的CSS，而不是

選擇類

.colored { 
    color: orange; 
} 

Answer 5

<span id="change">this is red text</span> 

CSS代碼：

#change { 
color:#f7941d; 
} 

試試這個希望這有助於你

Answer 6

在添加類橙色強標籤：

<span style="color: #dc143c;"><strong class="orange">Red text that must be Orange</strong></span> 

在.css文件：

.orange { 

顏色：＃！f7941d重要; }