DIV上的第一個孩子選擇不起作用

Question

請在下面找到JSfiddle鏈接。我試圖隱藏具有屬性aria-labelledby值的div內的第一個DIV子元素（帶有aaaaaa值）。

但我想我在CSS語法中犯了一些錯誤。

請建議。

http://jsfiddle.net/5g7ot5qf/

div[aria-labelledby="ui-dialog-title-timeout-dialog"]:first-child { 
    display:none; 
} 

HTML代碼： -

<p>I am a <i>strong</i> man. I am a <i>strong</i> man.</p> 
<p>I am a <i>strong</i> man. I am a <i>strong</i> man.</p> 

<div aria-labelledby="ui-dialog-title-timeout-dialog"> 
    hello 
     <div>aaaaaa</div> 
    <div>X2</div> 
    <div>X3</div> 
</div 

Answer 1

使用div[aria-labelledby="ui-dialog-title-timeout-dialog"]>div:first-child作爲選擇

的> DIV添加

Answer 2

http://jsfiddle.net/5g7ot5qf/2/

它必須是：

div[aria-labelledby="ui-dialog-title-timeout-dialog"] div:first-child { 
    display:none; 
} 

看一看：https://developer.mozilla.org/en/docs/Web/CSS/:first-child

Answer 3

如果你想與AAAAA內容不見了使用

div[aria-labelledby="ui-dialog-title-timeout-dialog"] > div:first-child { 
    display:none; 
} 

如果你想所有div的走了股利，但你好使用

div[aria-labelledby="ui-dialog-title-timeout-dialog"] > div { 
    display:none; 
} 

如果你想針對divs，你SE

div[aria-labelledby="ui-dialog-title-timeout-dialog"] > div:nth-child(n) { 
    display:none; 
} 

哪裏n是要隱藏（n=1,2,3,...）

編輯DIV：小提琴：http://jsfiddle.net/wh3d3dtj/

Answer 4

這將是更好地使用http://caniuse.com/#search=first-of-type

div[aria-labelledby="ui-dialog-title-timeout-dialog"] > div:first-of-type 

因爲如果你把文字「你好」放在一些標籤

<h1>hello</h1> 

則：第一，孩子將無法正常工作

http://jsfiddle.net/kxhk83um/