html - DIV 上的第一个 child 选择不起作用

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

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