将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 */  
}

或仅仅像David Thomas那样使用

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