如何更改这两行HTML，以便可以将其放入CSS？

Question

How can i target the red text in CSS? I need to change the color of all the red text to orange:

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

I tried with the following, but i don't really know how should I write it to make it work..

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

Thanks for your help!

Answer 1

Place the all red code in <span> tag then in css target the <span> and give them class tag to change it color to red code given below

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

css code:

.red-text {color:#f7941d;}

Answer 2

You should remove the style tag from your html completely and use classes instead.

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

then select the class in your css instead

.colored {
  color: orange;
}

Answer 3

Give your Red Text an ID or Class of color-change etc.

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

now in your css

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

One More Thing not use inline css because inline css has maximum priority if you use inline css must use !important keyword to change color.

Answer 4

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

css code:

  #change {
 color:#f7941d;
 }

Try this Hope this help you

Answer 5

Add the class orange at the strong tag:

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

In the .css file:

.orange {

color: #f7941d !important; }

Answer 6

I think it would be easier to use a class or id for the span and target it whenever you want using javascript or jquery. example

Red text must be orange

with jquery you can do this: $('.OrangeRedSpan').css('color': #FE9A2E);