- From: Simon Sapin <simon.sapin@kozea.fr>
- Date: Fri, 09 Dec 2011 11:15:05 +0100
- To: www-style@w3.org
Le 08/12/2011 15:24, Andrian Cucu a écrit :
> The following statement is used, in section 8.1. on nested counters and
> scope, to describe "self-nesting":
> /Counters are "self-nesting", in the sense that re-using a counter in a
> child element automatically creates a new instance of the counter./
> /
> /
> Does this mean that the following snippet should create 2 counter
> instances and thus it should render (1) and (1)?
> <style>
> div {
> counter-increment: div-count;
> }
> div:before
> {
> content: "(" counter(div-count) ") ";
> }
> </style>
> <div>
> <div>
> </div>
> </div>
>
> Currently user agents display (1) and (2) for this snippet.
Hi,
As described later in the same section, the counter-increment on your
first div is for a counter that is not in scope, so a new scope/instance
is created for it. The second div however is in the scope that was just
created, so counter-increment does not create a new scope.
If you had specified counter-reset as well as counter-increment, both
resets would have create a scope each and UAs would render (1) and (1).
Regards,
--
Simon Sapin
Received on Friday, 9 December 2011 10:15:56 UTC