css counter-increment property
Translation results：
counter
UK[ˈkaʊntə(r)] US[ˈkaʊntɚ]
n. Counter; counter; opposite; (some board games ) Chip
adj. Opposite
vt. Counterattack, fight back; move in the opposite direction, confront; retort, answer
vi. Move in the opposite direction, confront; rebuttal
adv. In the opposite direction; in the opposite direction
Third person singular: counters Plural: counters Present participle: countering Past tense: countered Past participle: countered
increment
UK[ˈɪŋkrəmənt] US[ˈɪnkrəmənt, ˈɪŋ-]
n. Increment; growth; increase; regular salary increase
Plural: increments
css counter-increment propertysyntax
Function:Set the counter increment for each occurrence of a selector. The default increment is 1.
Description: Using this attribute, the counter can be incremented (or decremented) by a certain value, which can be a positive or negative value. If no number value is provided, it defaults to 1.
Note: If "display: none" is used, the count cannot be incremented. If "visibility: hidden" is used, the count can be increased.
css counter-increment propertyexample
<!DOCTYPE>
<html>
<head>
<style type="text/css">
body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 属性。</p>
<h1>HTML tutorials</h1>
<h2>HTML Tutorial</h2>
<h2>XHTML Tutorial</h2>
<h2>CSS Tutorial</h2>
<h1>Scripting tutorials</h1>
<h2>JavaScript</h2>
<h2>VBScript</h2>
<h1>XML tutorials</h1>
<h2>XML</h2>
<h2>XSL</h2>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance