“Contadores de CSS” Respostas de código

contador CSS

<style>
    body {
        counter-reset: ctr;
    }

    div.fruit::before {
        counter-increment: ctr;
        content: counter(ctr) ".) ";
    }
</style>

<div class="fruit">Apple</div>
<div class="fruit">Banana</div>
<div class="fruit">Orange</div>
Syntax Error

Contador de contadores de contra-estilo CSS

@counter-style circled-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
  suffix: " ";
}

Contadores de CSS

body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}
naly moslih

Respostas semelhantes a “Contadores de CSS”

Procure respostas de código populares por idioma

Procurar outros idiomas de código