如何更改这2行HTML,以便我可以将它放入我的CSS?

时间:2015-04-01 10:16:09

标签: html css colors selector target

如何定位CSS中的红色文字?我需要将所有红色文本的颜色更改为橙​​色:

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

我尝试了以下内容,但我真的不知道应该如何编写它以使其正常工作..

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

感谢您的帮助!

6 个答案:

答案 0 :(得分:2)

将所有红色代码放在<span>标记中,然后放在css目标<span>中,并为其添加类标记,将其颜色更改为下面给出的红色代码

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

css代码:

.red-text {color:#f7941d;}

答案 1 :(得分:1)

您应该完全从html中删除样式标记,而不是使用类。

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

然后选择css中的类

.colored {
  color: orange;
}

答案 2 :(得分:0)

为您的红色文字添加ID或类别的颜色变化等。

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

现在在你的CSS中

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

还有一件事没有使用内联css,因为内联css具有最高优先级,如果你使用内联css必须使用!important关键字来改变颜色。

答案 3 :(得分:0)

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

css代码:

  #change {
 color:#f7941d;
 }

试试这希望这可以帮到你

答案 4 :(得分:0)

在强标记处添加橙色类:

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

在.css文件中:

.orange {

颜色:#f7941d!重要; }

答案 5 :(得分:-1)

我认为使用类或id作为跨度会更容易,并且只要你想使用javascript或jquery就可以定位它。示例

红色文字必须为橙色

使用jquery你可以这样做:     $(&#39; .OrangeRedSpan&#39;)。css(&#39; color&#39;:#FE9A2E);