CODEWITHSUNDEEP
htmlcsscss-selectors
Chriss
Chriss

Reputation: 1

how to address a color change in the following code

I'm trying to change a color in div class bwg_back_0 through a CSS on webpage.

I'm trying something like this to adress it:

#bwg_container1_0 {
    color: #5fa5aa !important;
}

or

#bwg_container2_0 .bwg_back_0 {
    color: #5fa5aa !important;
}

What is wrong in this css?

webpage code

Upvotes: 0

Views: 59

Answers (3)

Chriss
Chriss

Reputation: 1

Woohoo!! I got it :D

div#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
        color: #5fa5aa !important;
    }

I Add only div at start. It prioritize this css. Thx for this link: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity :)

Upvotes: 0

Zay Lau
Zay Lau

Reputation: 1864

Looks like you are having another style block at index line: 2421 that overrided your css.

You could try the following block that will have larger priority in browser (with an extra modifier, div in this case)

#bwg_container2_0 div.bwg_back_0 {
    color: #5fa5aa !important;
}

read more on: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Upvotes: 1

Lalji Tadhani
Lalji Tadhani

Reputation: 14149

try this way

#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
        color: #5fa5aa !important;
    }

Upvotes: 0

Related Questions