Can I declare a CSS of a parent?

Question

Possible Duplicate:
Is there a CSS parent selector?

I have this code :

<div class="main_parent">
    <a href="www.google.it">
        <img src="/path/image.jpg" alt="image" />
    </a>
</div>

and I'd like to set the attribute text-decoration:none; to the link that contains an image.

So, somethings like :

.main_parent img < a
{
    text-decoration:none;
}

but of course it doesnt works. How can I do it with CSS 2?

score 3 · Answer 1 · answered Oct 07 '11 at 15:34

3

Simply put, you can't. CSS can only traverse the DOM downwards. If javascript/jQuery is an option for you, you could use that.

answered Oct 07 '11 at 15:34

Joseph Marikle

score 2 · Answer 2 · answered Oct 07 '11 at 15:35

2

I think this is not possible via CSS. You would have to use JavaScript and assign the style via DOM manipulation.

answered Oct 07 '11 at 15:35

Aziz Shaikh

score 2 · Accepted Answer · answered Oct 07 '11 at 15:35

2

Nope, this is not possible. Some smart people also wrote about this: http://css-tricks.com/7701-parent-selectors-in-css/

You read CSS selectors from left to right. So there is no real syntax for this right now.

answered Oct 07 '11 at 15:35

js-coder

score 1 · Answer 4 · answered Oct 07 '11 at 15:33

1

You can even do it with CSS3. There is no parent selector unfortunately.

answered Oct 07 '11 at 15:33

Joe

4 Answers4