CSS規則其父元素

Question

我有CSS規則如下的孫子不管，

.wrapper > h3{ 
     color:red; 
    } 

的HTML代碼，

<div class='wrapper'> 
     <h3>Text1</h3> 
    </div> 

    <div class='wrapper'> 
     <div data-ui-view=''> 
      <h3>Text2</h3>   
     </div>  
    </div> 

這裏是plunker。紅色顯示Text1，但Text2不顯示。我瞭解到，此規則 將立即採用.wrapper下的<h3>元素。在大多數情況下，元素將被包裝在標籤下。所以，我想制定一個規則，只要<h3>標記進入.wrapper類內部，它就必須呈紅色。不管<h3>的父元素如何。有沒有辦法做到這一點？

Answer 1

簡單地讓規則：

.wrapper h3 { color: red; } 

這將使.wrapper類紅色

內的所有<h3>元素如果沒有要定位的孫子元素作爲你的問題標題所暗示的，你可以使用此規則：

.wrapper > * > h3 { color: red; }