55 lines
1.2 KiB
HTML
55 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
background-color: white;
|
|
}
|
|
div:nth-child(2), div:nth-child(5) {
|
|
background-color: lime;
|
|
}
|
|
</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>Green</div>
|
|
<div>White</div>
|
|
<div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
<div>White</div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
</div>
|
|
<div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
<div>White</div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
<div>White</div>
|
|
<div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
<div>White</div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
</div>
|
|
<div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
<div>White</div>
|
|
<div>White</div>
|
|
<div>Green</div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|