tags:

views:

25

answers:

1
Q: 

Set different background image dependent on match of child element

Hi there,

Can I set a different background-image CSS attribute to my <BODY> tag depending on successful match of a found child <div class="template" /> element?

I know of the CSS selector BODY>.template but that alters the template class where an immediate parent match of BODY exists, I want to control BODY if template exists as a child.

I would like to do this purely in CSS, not with any jQuery or anything, thanks.

+2  A: 

Unfortunately that's not possible with pure CSS. You can't influence a parent element based on a child element. The Cascading in CSS only goes in one direction. :)

If you can you should add a different id or class to <body> to do this.

deceze  2010-02-25 01:50:59
Hey, good idea. Thanks.
GONeale  2010-02-25 02:26:52

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?