CSS counter-reset هوجو

定义和用法

counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。

A hantawar tsa hantawar, kama kuma tsa hantawar. Iyalwa tsa yantawar yana yilwa 0, gba kama tsa yantawar yana kanan.

Kwamta:Idan an ɗauka "display: none", kuma an ɗauka rashin lafiya attirance. Idan an ɗauka "visibility: hidden", kuma an ɗauka rashin lafiya attirance.

Kara ɗanin:

Kita'annar ɗanin ɗaukar rashin lafiya CSS:псевдоэлемент :before CSS

Kita'annar ɗanin ɗaukar rashin lafiya CSS:псевдоэлемент :after CSS

Kita'annar ɗanin ɗaukar rashin lafiya CSS:Attirance content

Kita'annar ɗanin ɗaukar rashin lafiya CSS:Attirance counter-increment

Function ɗanin CSS:Function counter()

Kita'annar ɗanin ɗaukar rashin lafiya HTML DOM:Attirance counterReset

Ɗanin samfur

Hanyar ɗanin yankin da za a iya yin amincewa da ɗanin ɗaya da ɗanin yankin (masaniyar "Section 1", "1.1", "1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  }

Jiya samun ɗanin

Yanar gizo ɗanin CSS

counter-reset: none|Sunan number|initial|inherit;

Kiyas attirance

Kiyas Bayani
none Kiyas: An ɗauka rashin lafiya don kiyase kan ɗanin yankin.
id number

id Ƙirga rashin lafiya attirance, id ko class.

number An ɗauka rashin lafiya don kiyase kan ɗanin yankin da za a sanya shi. Za a iya samun kanannin ɗimbin, ɗimbin ɗaya ko ɗimbin baya.
inherit An ɗauka rashin lafiya attirance counter-reset daga ɗanin ɗaya.

Rahawar fasaha

Kiyas: none
Amincewa: no
Banuwa: CSS2
Yanar gizo ɗanin JavaScript: object.style.counterReset="subsection"

Amincewa da ɗaukar rashin lafiya

Labarin ɗimbin na tabbin suna cewa sabon bayanin ɗaukar rashin lafiya.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Kwamta:Idan an ɗauka !DOCTYPE, kuma Internet Explorer 8 (da sauran sabon bayan) suka amince da cewa attirance counter-reset yana ɗaukar rashin lafiya.