移動一個div到另一個位置，但只有當它被包含在另一個div？

Question

我有這樣一個div：

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

我怎麼能說股利只能被移動，如果有家長的div HASS類XYZ的？

謝謝！

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