這篇文章將為大家詳細(xì)講解有關(guān)css中counter-increment屬性的使用方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
臺山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
counter-increment 屬性設(shè)置某個選取器每次出現(xiàn)的計數(shù)器增量。默認(rèn)增量是 1。
說明
利用這個屬性,計數(shù)器可以遞增(或遞減)某個值,這可以是正值或負(fù)值。如果沒有提供 number 值,則默認(rèn)為 1。
注釋:如果使用了 "display: none",則無法增加計數(shù)。如使用 "visibility: hidden",則可增加計數(shù)。
值 | 描述 |
none | 默認(rèn)。選擇器無計數(shù)器增量。 |
id number | id 定義將增加計數(shù)的選擇器、id 或 class。 number 定義增量。number 可以是正數(shù)、零或者負(fù)數(shù)。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 counter-increment 屬性的值。 |
實例
對部分和子部分進(jìn)行編號(比如 "Section 1"、"1.1"、"1.2")的方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> body {counter-reset:section;} h2 {counter-reset:subsection;} h2:before { counter-increment:section; content:"Section " counter(section) ". "; } h3:before { counter-increment:subsection; content:counter(section) "." counter(subsection) " "; } </style> </head> <body> <p><b>注釋:</b>如果已規(guī)定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 counter-increment 屬性。</p> <h2>HTML tutorials</h2> <h3>HTML Tutorial</h3> <h3>XHTML Tutorial</h3> <h3>CSS Tutorial</h3> <h2>Scripting tutorials</h2> <h3>JavaScript</h3> <h3>VBScript</h3> <h2>XML tutorials</h2> <h3>XML</h3> <h3>XSL</h3> </body> </html>
關(guān)于css中counter-increment屬性的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
分享標(biāo)題:css中counter-increment屬性的使用方法
標(biāo)題URL:http://muchs.cn/article2/piedic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計公司、網(wǎng)站收錄、網(wǎng)站設(shè)計、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)