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/