溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹css中 counter-reset屬性怎么使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
css counter-reset屬性用于創建或重置一個或多個計數器，通常是和counter-increment屬性，content屬性一起使用。利用這個屬性，計數器可以設置或重置為任何值，可以是正值或負值。如果沒有提供 number，則默認為 0。
css counter-reset屬性怎么用？
counter-reset屬性創建或重置一個或多個計數器。
counter-reset: none|id number|inherit
屬性值：
● none：默認。不能對選擇器的計數器進行重置
● id number：id用于定義重置計數器的選擇器（id 或 class）。 number用于設置此選擇器出現次數的計數器的值；可以是正數、零或負數。
● inherit：規定應該從父元素繼承 counter-reset 屬性的值
說明：利用這個屬性，計數器可以設置或重置為任何值，可以是正值或負值。如果沒有提供 number，則默認為 0。
注釋：如果使用 "display: none"，則無法重置計數器。如果使用 "visibility: hidden"，則可以重置計數器。所有瀏覽器都支持 counter-reset 屬性。
css counter-reset屬性 示例
<!DOCTYPE html><html><head><meta charset="utf-8"><style>body {counter-reset:section;}h2 {counter-reset:subsection;}h2:before{counter-increment:section;content:"章節 " counter(section) ". ";}h3:before {counter-increment:subsection;content:counter(section) "." counter(subsection) " ";}</style></head><body><h2>PHP教程</h2><h3>PHP教程</h3><h3>PHP教程</h3><h3>PHP教程</h3><h2>HTML教程</h2><h3>HTML教程</h3><h3>HTML教程</h3><h2>CSS教程</h2><h3>CSS教程</h3><h3>CSS教程</h3></body></html>關于css中 counter-reset屬性怎么使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
