我可以使用纯CSS设计基于其祖先位置属性的元素吗？

Question

是否可以根据其祖先的CSS属性值选择元素？比方说，我有以下HTML文本：

<div><!-- ancestor --> 
    <!-- I may have N level descendants which are as well ancestors for the upcoming div --> 
    <div class="myTarget"> 
    The div I want to target 
    </div> 
</div> 

我不知道比如果他们中的一个具有CSS属性display: table-cell那么我想myTarget有position: absolute其他祖先什么，否则应该是position: relative。

.myTarget { 
    position: relative; 
} 

/************************************************************************************************* 
* This is actually the question, how to target .myTarget when some ancestor div contains a given 
* cssProperty. Code below is just pseudo-code not actual CSS. 
*************************************************************************************************/ 
div[cssProperty=desiredValue] .myTarget { 
    position: absolute; 
} 

我的猜测是，我不能，但因为它是可能的选择根据其属性我想，也许这应该是一个办法是根据它的CSS属性选择以及元素。

Answer 1

我的解决方案将是一个类：

<div class="ancestor"> <!-- ancestor --> 
    <div class="myTarget"> 
    The div I want to target 
    </div> 
</div> 

而CSS：

.myTarget { 
    position: relative; 
} 

div.ancestor > .myTarget { 
    position: absolute!important; 
}