counter

英[?ka?nt?(r)]? ?美[?ka?nt?]??

#n.計(jì)數(shù)器;櫃檯;對立面;（某些棋盤遊戲的）籌碼

adj.相反的

vt.反擊，還擊;反向移動，對著乾;反駁，回答

vi.逆向移動，對著乾;反駁

#adv. 反方向地;背道而馳地

第三人稱單數(shù)： counters 複數(shù)： counters 現(xiàn)在分詞： countering 過去式： countered 過去分詞： countered

#increment

#英[???kr?m?nt]? ?美[??nkr?m?nt, ???-]??

n.增量;成長;增額; 定期的加薪

# #crements##n.增量; 增額;

css counter-increment屬性 語法

作用：設(shè)定某個選取器每次出現(xiàn)的計(jì)數(shù)器增量。預(yù)設(shè)增量是 1。

說明：利用這個屬性，計(jì)數(shù)器可以遞增（或遞減）某個值，可以是正值或負(fù)值。如果沒有提供 number 值，則預(yù)設(shè)為 1。

註解：如果使用了 "display: none"，則無法增加計(jì)數(shù)。如使用 "visibility: hidden"，則可增加計(jì)數(shù)。

css counter-increment屬性 範(fàn)例

<!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>如果已規(guī)定 !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>

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例