counter

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

n.計數(shù)器;柜臺;對立面;(某些棋盤游戲的)籌碼

adj.相反的

vt.反擊,還擊;反向移動,對著干;反駁,回答

vi.逆向移動,對著干;反駁

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

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

reset

英 [?ri:?set]? ?美 [ri?s?t]??

vt.重置;重排;重新安裝

n.重新放置;重放之物

vi.重置;清零

第三人稱單數(shù): resets 現(xiàn)在分詞: resetting 過去式: reset 過去分詞: reset

css counter-reset屬性 語法

作用:設(shè)置某個選擇器出現(xiàn)次數(shù)的計數(shù)器的值。默認(rèn)為 0。

說明:利用這個屬性,計數(shù)器可以設(shè)置或重置為任何值,可以是正值或負值。如果沒有提供 number,則默認(rèn)為 0。

注釋:如果使用 "display: none",則無法重置計數(shù)器。如果使用 "visibility: hidden",則可以重置計數(shù)器。所有瀏覽器都支持 counter-reset 屬性。

css counter-reset屬性 示例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
a:after
{content: " (" attr(href) ")"
}
</style>
</head>

<body>
<p><a href="http://miracleart.cn">php中文網(wǎng)</a>有很多免費的視頻教程</p>
<p><b>注釋:</b>如果已規(guī)定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 content 屬性。</p>
</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例