CSS：簡單地將樣式應用於第一代兒童

Question

我想將CSS樣式應用於元素的第一個孩子。所以說我有一個div，有兩個div，這是孩子，每個孩子都是他們自己的孩子，他們是孫輩。

這的jsfiddle，我希望爲我做了什麼：http://jsfiddle.net/o8xhba9u/

#parent { 
    border: 1px solid; 
    padding: 10px; 
} 
#child-one { 
    text-indent: 5px; 
    padding: 10px; 
} 

#child-two { 
    text-indent: 5px; 
    padding: 10px; 
} 

#parent * { 
    border-top: 1px solid red; 
} 

我的目標是隻有孩子（兒童一個和孩子兩）僅是那些用紅色頂部。該段落元素（孫子）不應該有紅色輪廓。我試圖動態地實現這一點，就好像我要有不同的元素，並在稍後添加新元素，並且無需編輯CSS即可應用效果。我怎麼能做到這一點？

Answer 1

您在尋找direct child combinator, >的。

Example Here

#parent > * { 
    border-top: 1px solid red; 
}