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 规则以反映您的需求。

Answer 2

你的意思是这样的？

.XYZ > .someclass  /* use this if the .someclass is next child class of the .XYZ */
{
   position:absolute; /* relative or fixed */  
}

或者像大卫托马斯一样简单地使用

.XYZ .someclass   /* use this if the .someclass is a child class or inside to .XYZ  */
{
  position:absolute; /* relative or fixed */  
}