| <!doctype html> |
| <html> |
| <body> |
| <p>This test the dynamic specificity of :is() with a simple descendant backtracking case. The test pass if each block has style matching its description. None of the result should have a border.</p> |
| |
| <foo id="b"> |
| <foo id="c"> |
| <e> |
| <padding> |
| <b> |
| <d> |
| <e> |
| <padding> |
| <aBlock> |
| <c> |
| <foo id="f"> |
| <padding> |
| <target style="color: white; background-color: green;">White text on green background.</target> |
| </padding> |
| </foo> |
| </c> |
| </aBlock> |
| </padding> |
| </e> |
| </d> |
| </b> |
| <padding> |
| </e> |
| </foo> |
| </foo> |
| |
| <foo id="b"> |
| <d> |
| <e> |
| <padding> |
| <b> |
| <d> |
| <e> |
| <padding> |
| <aBlock> |
| <c> |
| <foo id="f"> |
| <padding> |
| <target style="color: white; background-color: purple;">White text on purple background.</target> |
| </padding> |
| </foo> |
| </c> |
| </aBlock> |
| </padding> |
| </e> |
| </d> |
| </b> |
| <padding> |
| </e> |
| </d> |
| </foo> |
| |
| <aBlock> |
| <d> |
| <e> |
| <padding> |
| <b> |
| <d> |
| <e> |
| <padding> |
| <a> |
| <c> |
| <foo id="f"> |
| <padding> |
| <target style="color: green; background-color: purple;">Green text on purple background.</target> |
| </padding> |
| </foo> |
| </c> |
| </a> |
| </padding> |
| </e> |
| </d> |
| </b> |
| <padding> |
| </e> |
| </d> |
| </aBlock> |
| </body> |
| </html> |
