I was just messing around with the new HTML5 tags and pseudo selectors and noticed that the section
nly-child selector appears not to work. I'm testing this on the latest version of Chrome (23.0).My code is:\[code\]<section id="s1"> <div id="div1">abc</div> <div id="div2"> <span>first span</span> <span class="sp">second span</span> </div></section><section> <div>first child test</div></section>?\[/code\]and the CSS is:\[code\]section {background-color: brown;width: 400px;height: 200px;}#s1 {position: relative; background-color: rgba(0,255,0,0.5); border: 1px solid #000; width: 50%;}#div1 {background-color: #0f0; position: relative;}#div2 {background-color: #0ff; width: 200px; color: red;}#div2 .sp {color: white;text-decoration:line-through;}sectionnly-child {color: yellow; }?\[/code\]In theory, the text "first child test" should be yellow, because there is only one div on the second section, but it is not getting the yellow color for a font.If I change the selector to divnly-child it'll work just fine.You can see the jsfiddle here: http://jsfiddle.net/KwzZs/3/any reason why this is not working? thanks
nly-child selector appears not to work. I'm testing this on the latest version of Chrome (23.0).My code is:\[code\]<section id="s1"> <div id="div1">abc</div> <div id="div2"> <span>first span</span> <span class="sp">second span</span> </div></section><section> <div>first child test</div></section>?\[/code\]and the CSS is:\[code\]section {background-color: brown;width: 400px;height: 200px;}#s1 {position: relative; background-color: rgba(0,255,0,0.5); border: 1px solid #000; width: 50%;}#div1 {background-color: #0f0; position: relative;}#div2 {background-color: #0ff; width: 200px; color: red;}#div2 .sp {color: white;text-decoration:line-through;}sectionnly-child {color: yellow; }?\[/code\]In theory, the text "first child test" should be yellow, because there is only one div on the second section, but it is not getting the yellow color for a font.If I change the selector to divnly-child it'll work just fine.You can see the jsfiddle here: http://jsfiddle.net/KwzZs/3/any reason why this is not working? thanks