Question

I have a div like this:

<div class="someclass">
    ....
</div>

How can I say that the div should only be moved, if any of the parent divs hass class XYZ?

Thanks!

Answer 1

Select the element based on its parent/ancestor:

/* the 'default' */
.someclass {
    position: relative;
}

/* the someclass element that has an ancestor of class 'ancestorClass' */
.ancestorClass .someclass {
    position: absolute;
    top: 0;
    right: 0;
}

Without clear (or any) information as regards what ‘moving’ means, in context, I’m assuming that you’re using position to reposition the element in some manner. If you’re taking another approach, then simply amend the CSS rules to reflect your needs.