Target DIV if contains other DIV

Asked Oct 21 '14 at 10:03

Active Oct 21 '14 at 10:03

Viewed 39 times

My setup:

<div class="floatleft">
  <div class="search">[..]</div>
</div>

<div class="floatleft">
  <div class="submit">[..]</div>
</div>

My problem: I want to target the floatleft if it contains search. Is this possible in CSS? I want to make the text-input of search 100% wide, which can only be done by stretching floatleft to 100% (don't blame me, it's code I can't change). However, if I just stretch floatleft, it'll also stretch the other one (with the submit button) to 100%, which I don't want.

I've looked into Advanced CSS Selectors, but .floatleft > .search targets search if it's in floatleft. I want to target floatleft when it contains search. Is there something in CSS that can select the parent DIV of a targeted DIV? Something like '.search < .floatleft > .floatleft` (if that makes sense)?

asked Oct 21 '14 at 10:03

Rvervuurt

7,171
7
35
53

1

Not yet. We've to wait for implementation of CSS Selectors Level 4. – Hashem Qolami Oct 21 '14 at 10:05
1

You can't check for example if `.floatleft` contains `.search`. But you can target the first `.floatleft` or any subsequent `.floatleft`. Will that help? – Salman A Oct 21 '14 at 10:11
@SalmanA I might try that. Good idea! – Rvervuurt Oct 21 '14 at 10:19

Target DIV if contains other DIV

0 Answers0