Target outer div based on class of inner a

Asked Dec 08 '12 at 22:15

Active Dec 08 '12 at 22:20

Viewed 1,102 times

Say I have something like this:

<div class="entry">
   <a class="click" href="http://domain.com">Some link</a>
</div>

<div class="entry">
   <a class="unclick" href="http://domain.com">Some link</a>
</div>

How would I target the entire contents of a .entry surrounding an a.click, without affecting the .entry surrounding of an a.unclick

I want to hide the outer div if the link has a class of "click".

EDIT: I need to do this without resorting to javascript, only CSS and HTML.

edited Dec 08 '12 at 22:20

asked Dec 08 '12 at 22:15

Jason Mayoff

2

with CSS alone? jQuery yes. CSS perhaps not. – Popnoodles Dec 08 '12 at 22:16
2

You can't ([yet](https://developer.mozilla.org/en-US/docs/DOM/event.relatedTarget)) CSS to style a parent based on its descendents. – David says reinstate Monica Dec 08 '12 at 22:17
1

possible duplicate of [Apply CSS styles to an element depending on its child elements](http://stackoverflow.com/questions/2326499/apply-css-styles-to-an-element-depending-on-its-child-elements) – aquinas Dec 08 '12 at 22:20

Target outer div based on class of inner a

0 Answers0

Linked