scoped-reference-animation-ref.html (460B)
1 <!DOCTYPE html> 2 <title>Tests animation with tree-scoped names and references</title> 3 4 <style> 5 @counter-style from-counter-style { 6 system: cyclic; 7 symbols: 'X'; 8 } 9 10 @counter-style to-counter-style { 11 system: cyclic; 12 symbols: 'O'; 13 } 14 15 #target1 { 16 list-style-type: from-counter-style; 17 } 18 19 #target2 { 20 list-style-type: to-counter-style; 21 } 22 </style> 23 24 <ul id="target1"> 25 <li>List marker should be X 26 </ul> 27 28 <ul id="target2"> 29 <li>List marker should be O 30 </ul>