css - 将一个 div 移动到另一个位置，但前提是它包含在另一个 div 中？

Question

我有一个像这样的 div:

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

如果任何父 div 具有 XYZ 类，我怎么能说只应移动 div？

谢谢!

Answer 1

根据其父/祖先选择元素:

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

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

在没有关于“移动”含义的明确(或任何)信息的情况下，在上下文中，我假设您正在使用 position 以某种方式重新定位元素。如果您采用另一种方法，则只需修改 CSS 规则即可反射(reflect)您的需求。