pure css conditionally change background-color of body

Question

Is it possible in pure css to change the background-color of the body element depending of the id (or class) of the first div inside the body ?

For instance :

<body> 
  // background-color is black
  <div id="abc"> ... </div>
</body>


<body> 
  // background-color is red
  <div id="cde"> ... </div>
</body>

Well, @cimmanon closed the question already, however as stated in Joe's answer you cannot do it with pure CSS, but you can fake it though like this https://jsfiddle.net/Mi_Creativity/u6cvdhdz/ — Mi-Creativity, Feb 06 '16 at 02:01

score 1 · Accepted Answer · answered Feb 06 '16 at 01:44

1

No there's no way of doing this purely in CSS. You'll need to your javascript/jquery for that, which will change your body background for it.

if ($('#abc')[0]) {
   $('body').css('background','black')
}
if ($('#cde')[0]) {
   $('body').css('background','red')
}

answered Feb 06 '16 at 01:44

Joe Saad

1,940
3
22
32

2

OP asked for a "pure CSS" way to do it. – cimmanon Feb 06 '16 at 02:00

pure css conditionally change background-color of body

1 Answers1