How to target a parent of a parent of every element with a specific class

Question

<div>
    <span>
        <a class="theclass">Text here</a>
    </span>
</div>

In this example, I want to target the div from the class "theclass", not the div specifically but the parent of the parent, which is the div. I can't change the structure, just the CSS. Is that even possible?

There is no parent selector in CSS. You need to use Javascript/jQuery for this kind of functionality. — Johannes, Aug 01 '22 at 13:55

score 0 · Answer 1 · answered Aug 01 '22 at 13:59

0

You can use :has pseudo-class for this one, but it still works only in Safari. No way to do it using pure CSS in every browser. Would be better to handle it with JavaScript.

answered Aug 01 '22 at 13:59

Ivan Kharkivskyi

569
1
4
22

How to target a parent of a parent of every element with a specific class

1 Answers1