css if condition on pure CSS possible?

[jauxan]

Hi everyone, hope you're having a good day

I've been working lately on a type of website that reports results exported from a server every 5 minutes.

Working on CSS over XML --> Can't do changes to the XML file so I'm alone fighting with CSS.

 

I've made an status square with a number of the same background color inside of it.

It should change color depending on the status.

 

Is there a way to make an "if" condition on pure CSS like:

if:status = 1 {

    background-color: green;

    color: green;

} elseif:status = 2 {

    background-color: yellow;

    color: yellow;

}

and so on with red color...

 

 

The right-side green square should change color depending on the number(status).

<status>1</status> --> Green

<status>2</status> --> Yellow

<status>3</status> --> Red

 

 

 

 

Been fighting with this for at least a month now, the only thing remaining is the color change depending on status.
Thank you everyone for your time and knowledge!!

[mariushm]

Have a look at CSS Selectors : https://www.w3schools.com/cssref/css_selectors.asp

But I'm not sure it's possible.

 

Don't know why you don't just parse the xml to extract the data and generate your own html code.