| <!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> |
