mishoo/counter-reset-inherited.html

## counter-reset-inherited.html
<!DOCTYPE html>
<html>
  <head>
    <style>
      .counters {
        counter-reset: xxx;
      }
      .counters > p {
        counter-increment: xxx;
      }
      .counters > p:before {
        content: "[" counter(xxx) "] ";
      }
    </style>
  </head>
  <body>
    <div class="counters">
      <p>Foo</p>
      <p>Bar</p>
      <p>Baz</p>
    </div>
    <script>
      [].slice.call(document.querySelectorAll("p")).forEach(function(el){
        console.log(el, getComputedStyle(el).counterReset);
      });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.counters {
	counter-reset: xxx;
	}
	.counters > p {
	counter-increment: xxx;
	}
	.counters > p:before {
	content: "[" counter(xxx) "] ";
	}
	</style>
	</head>
	<body>
	<div class="counters">
	<p>Foo</p>
	<p>Bar</p>
	<p>Baz</p>
	</div>
	<script>
	[].slice.call(document.querySelectorAll("p")).forEach(function(el){
	console.log(el, getComputedStyle(el).counterReset);
	});
	</script>
	</body>
	</html>