Target a div with a certain nested class

Question

I've got the following code several times on a page:

<div>
    <input class="entry">
</div>

I want to target the div tag through css without creating a class or id. Is this possible?

I tried div.entry { foo } and .entry div {foo} neither seemed to work.

There is no parent selector in CSS yet. See http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector — j08691, Jan 16 '13 at 16:45
It's not possible through css in the way you describe / hope. — Barry Kaye, Jan 16 '13 at 16:45

score 1 · Accepted Answer · edited Jan 16 '13 at 17:10

1

You're not targeting the div with that CSS, you'll need to select the parent of the input that has the entry class. However, there's no way of doing this in current CSS but with selector specs of CSS4, which could be done as follows:

div! > input.entry { foo }

AFAIK, there's no browsers supporting this yet, so you'll have to use JavaScript.

edited Jan 16 '13 at 17:10

Andrea Ligios

49,480
26
114
243

answered Jan 16 '13 at 16:48

danielrozo

1,442
1
10
22

I ended up adding a class to the div. Thanks for the help though. – alinitro Jan 16 '13 at 17:02

Target a div with a certain nested class

1 Answers1