Selecting all
s that have a
somewhere in them

Question

Say I have:

<div class="thing">
    <a>hi</a>
    <span class="poo">
        <p id="hello">my name is</p>
    </span>
</div>

<div class="thing">
    <a>hi</a>
    <span class="poo">
        nothing to see here
    </span>
</div>

I want to select the first div, but only because it has a p#hello inside it.

With pure CSS I guess it is not possible, but let us keep the answers coming! — loveNoHate, Aug 23 '14 at 07:26

score 3 · Answer 1 · edited Aug 23 '14 at 07:29

3

With pure CSS it is not possible, you may try to use Jquery and try using :has() selector

The expression $( "div:has(p)") matches a <div> if a <p> exists anywhere among its descendants, not just as a direct child.

edited Aug 23 '14 at 07:29

Mr. Alien

140,764
31
277
265

answered Aug 23 '14 at 07:24

Rahul Tripathi

152,732
28
233
299

1

OP never asked for jQuery solution – Mr. Alien Aug 23 '14 at 07:25
@Mr.Alien:- Did I missed something? I think that is a good way to proceed and it is not possible with pure CSS :) – Rahul Tripathi Aug 23 '14 at 07:26
didn't down voted but yea, perhaps, cuz you provided a jQuery solution to the question where user didn't asked for jQuery solution :) am not saying your answer is wrong but it is irrelevant here unless he asks for js answers... – Mr. Alien Aug 23 '14 at 07:27
1

@Mr.Alien:- Got your point. Update my answer :) – Rahul Tripathi Aug 23 '14 at 07:28
Awesome, it answers my question, but it needs to be css because I'm making an adblock rule – user104323 Aug 23 '14 at 07:30
@user104323:- It is not possible using pure CSS! – Rahul Tripathi Aug 23 '14 at 07:31
@user104323:- Not sure but are you trying to achieve something like this:- http://jsfiddle.net/AHHrF/82/ – Rahul Tripathi Aug 23 '14 at 07:40

Selecting all s that have a somewhere in them

1 Answers1

Selecting all
s that have a
somewhere in them