Come non escludere un elemento dal conteggio se è impostato display: none;
?
body {
counter-reset: section;
}
.variant--name::before {
counter-increment: section;
content: counter(section) ": ";
}
.hidden {
display: none;
}
<div class="variant--group">
<h3 class="variant--name">variant</h3>
</div>
<div class="variant--group hidden">
<h3 class="variant--name">variant</h3>
</div>
<div class="variant--group">
<h3 class="variant--name">variant</h3>
</div>
risposte:
2 per risposta № 1Come il .hidden
sta dando l'elemento display: none
questo è il motivo per cui il contatore non funzionerebbe in modo efficace non nella dom.
Vorrei aggiungere una lezione (solo per incassare .hidden
altrimenti dove dovrebbe essere display: none
) di:
.hiddenButAccessible {
position: absolute;
left: -9999px;
max-height: 0px;
overflow: hidden;
opacity: 0;
}
ecco un esempio funzionante:
http://codepen.io/sonnyprince/pen/oxqzzL