haikuwebkit/LayoutTests/fast/css/nth-child-style-sharing-odd...

48 lines
1.5 KiB
HTML

<!doctype html>
<html>
<head>
<style>
div {
background-color: white;
}
</style>
</head>
<body>
<section>
<p><!-- To avoid styling the description. --></p>
<p>This tests basic style sharing with :nth-child(odd). If the test pass, lines with the text "green" should have a green background.</p>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
</div>
<div style="background-color: lime">
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
</div>
</section>
<section>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>White</div>
<div style="background-color: lime">Green</div>
<div>White</div>
</div>
</section>
</body>
</html>