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

52 lines
1.5 KiB
HTML

<!doctype html>
<html>
<head>
<style>
div {
background-color: white;
}
</style>
</head>
<body>
<section>
<p>This tests basic style sharing with :nth-child(number). 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>
<div>White</div>
<div style="background-color:lime">Green</div>
<div>White</div>
<div>White</div>
<div style="background-color:lime">Green</div>
</div>
<div style="background-color:lime">
<div>White</div>
<div style="background-color:lime">Green</div>
<div>White</div>
<div>White</div>
<div style="background-color:lime">Green</div>
</div>
</section>
<section>
<div>White</div>
<div style="background-color:lime">Green</div>
<div>White</div>
<div>
<div>White</div>
<div style="background-color:lime">Green</div>
<div>White</div>
<div>White</div>
<div style="background-color:lime">Green</div>
</div>
<div style="background-color:lime">
<div>White</div>
<div style="background-color:lime">Green</div>
<div>White</div>
<div>White</div>
<div style="background-color:lime">Green</div>
</div>
</section>
</body>
</html>