about summary refs log tree commit diff stats
path: root/test/layout/counters.html
blob: 5da1143f802a0364925b6f2b79c3b824573bc2ad (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<!-- Once again, Blink disagrees with Gecko.  This time though, it's
     Blink being weird: it resets list-item counters per div level.
     That feels wrong, so we follow Gecko.  -->
<style>
myli { display: list-item; margin-left: 5ch; list-style-type: decimal }
myli { counter-increment: asdf 1 }
myli::before { content: counter(asdf) ' ' }
:root { counter-set: my-link-counter }
a[href]::before{
  content: '['counter(my-link-counter, cjk-heavenly-stem)']';
  counter-increment: my-link-counter
}
</style>
<a href=https://example.org>test</a>
<div>
  <myli>1</myli>
  <div>
    <a href=https://example.org>test</a>
    <myli>2</myli>
    <myli>3</myli>
    <myli>4</myli>
    <myli>5</myli>
  </div>
  <myli>6</myli>
  <myli>7</myli>
</div>
<div>
  <myli>1</myli>
  <myli>2</myli>
  <myli>3</myli>
  <div>
    <myli>4</myli>
  </div>
  <myli>5</myli>
</div>
<a href=https://example.org>test</a>