Apply style to an element of class if href exists for another element in css

Asked May 14 '18 at 11:25

Active May 14 '18 at 11:25

Viewed 24 times

I have a following condition:

<div>
    <h2>Without link</h2>
    <img src="some link"/>
</div>

<div>
    <h2><a href="#">With link</a></h2>
    <img src="some other link"/>
</div>

I have to apply style on every img tag if its sibling h2 has a link in it. Can it be done using css only?

asked May 14 '18 at 11:25

Pragun

1,123
8
20

1

You need to traverse the parent element, which is currently not possible using CSS alone. You may try other JavaScript fixes. – Praveen Kumar Purushothaman May 14 '18 at 11:26
Not with css only. Also the duplicate is wrong. This isn't about selecting the parent. – Phiter May 14 '18 at 11:27
1

@PraveenKumar I agree with Phiter, it's maybe impossible but the duplicate is not relevant .. at least for the OP – Temani Afif May 14 '18 at 11:29
@Phiter and Temani, I would argue against. The OP has to select the parent from `` to select the `h2` and then select the sibling `img`. – Praveen Kumar Purushothaman May 14 '18 at 12:51
He has to, but that's not what he asked for – Phiter May 14 '18 at 14:26

Apply style to an element of class if href exists for another element in css

0 Answers0