html - First child selection on DIV is not working -

html - First child selection on DIV is not working -

please find below jsfiddle link. trying hide first div kid (with aaaaaa value) within div attribute aria-labelledby value.

but think made error in css syntax.

please suggest.

http://jsfiddle.net/5g7ot5qf/

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

html code:-

<p>i <i>strong</i> man. <i>strong</i> man.</p> <p>i <i>strong</i> man. <i>strong</i> man.</p> <div aria-labelledby="ui-dialog-title-timeout-dialog"> hello <div>aaaaaa</div> <div>x2</div> <div>x3</div> </div

use div[aria-labelledby="ui-dialog-title-timeout-dialog"]>div:first-child selector

the >div added

html css css-selectors