我可以使用純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; 
}