Home > Developer > Web Develop
div>h2{
Counter-increment:one; /* Name the counter one*/
Counter-reset:two; /* Reset the counter to zero */
}
div>div{
Counter-increment:two;
}
div>h2:before{
Content:counter (one,Georgian) '. '; /* Here call counter one, the display style is georgian*/
font-size:20pt;
Font-weight:bold;
}
div>div:before{
Content: ' Counter ' (ii) ' Ben. ';
font-size:13pt;
Font-weight:bold;
}
<body>
<div>
<div> Java language Usage Tutorials </div>
<div>c++ Language Programming </div>
<DIV>CSS website Layout </div>
<div> Level four Vocabulary </div>
<div> University Professional English </div>
<div> Ichovan Recitation </div>
</div>
</body>
counter (name) or counter (name, style)
Here's a look at style style:
disc ：实心圆点；
circle：空心圆点；square：实心方块；decimal：阿拉伯数字；lower-roman：I, II, III, IV, v ...upper-roman.: I, II, III, IV, V ...lower-greek：Α,β,γ ...upper-latin：A, B, C, ... Zsimp-chinese-formal：One, II, three ...cjk-ideographic:一,二,三...More styles:
Https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
A detailed description of the CSS counter counter
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
