diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/counter-scoping-004.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-contain/counter-scoping-004.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/counter-scoping-004.html b/testing/web-platform/tests/css/css-contain/counter-scoping-004.html new file mode 100644 index 0000000000..3aad43f853 --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/counter-scoping-004.html @@ -0,0 +1,24 @@ +<!doctype html> +<meta charset="UTF-8"> +<title>CSS-contain test: style containment and subtree root</title> +<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> +<link rel="author" title="Mozilla" href="https://mozilla.org"> +<link rel="help" href="https://drafts.csswg.org/css-contain-2/#property-scoped-to-a-sub-tree"> +<link rel="match" href="reference/counter-scoping-004-ref.html"> +<style> + .list-item { + contain: style; + counter-increment: my-list-counter; + margin-left: 40px; + } + .list-item::before { + content: '[' counter(my-list-counter, decimal) '] '; + } +</style> +<div class="list-item"> + A1 + <div class="list-item">B1</div> + <div class="list-item">B2</div> +</div> +<div class="list-item">A2</div> +<div class="list-item">A3</div> |