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

または単に David Thomas のように使用する

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