序言前兩天接到乙個需求，其中包括乙個有序的列表，我們今天就來看看這個有序怎麼做更方便、簡單。
當然，這個功能很簡單：
今天主要說說如何用css來計數
原理與介紹
原理很簡單，利用偽元素的content + counter()/counters() + counter-reset + counter-increment計數四劍客即可，但是咱們需要先了解一下這幾個屬性是什麼，才能得心應手！
content(): 用於向偽元素中插入元素
counter-reset: 設定命名計數器，可設定多個。格式為 (計數器名稱 初始值) (計數器名稱 初始值) ...
counter-increment: 用於增加某個計數器的值，可指定增加的具體值，可設定多個，格式同上。
counter系列(支援ie8以上)
描述引數1
引數2引數3
counter()
返回命名計數器的當前值，一般與偽元素的content()配合使用
定義的命名計數器
命名計數器的顯示樣式，例：阿拉伯數字1改成羅馬數字ⅰ
無counters()
公升級版的counter()，支援巢狀
定義的命名計數器
命名計數器連線字元
命名計數器的顯示樣式，例：阿拉伯數字1改成羅馬數字ⅰ
可能看完死板的定義，還不能立馬理解改如何做，所以這邊畫了個圖：
以碼為兵，馳馬試劍
咱們看兩個示例，加深一波理解。
首先是counter():
父親 兒子
兒子兒子
兒子 孫子
孫子孫子
再看看counters():
容器 內容
內容內容
內容 容器
內容內容內容
結束是乙個新的開始
分享乙個微信小程式中css實用簡單技巧
1 用純css建立乙個三角形的原理把上 左 右三條邊隱藏掉 顏色設為 transparent demo 2 設定最高高度.超過後可以滑動 max height 550rpx overflow y scroll 3 text overflow 當屬性規定當文字溢位包含元素時發生的事情 clip 修剪文...
乙個簡單實用的Android除錯應用技巧
如有侵犯，請來信oiken qq.com 在應用開發中，我們常常會進行日誌列印或者debug除錯，以此來分析執行時的一些資訊，便於發現bug和問題。android studio的debug功能很好用，但是有時候有些情況下，就顯得不是那麼快捷和便利。比如雖然上面的情況可以通過android studi...
PHP中乙個 和兩個 的區別簡析
兩個 是邏輯 與 乙個 是按位 與 幾個例子 if a 1 a 1 a 3 echo false a 輸出 true3 簡析 表示式從左到右依次執行。if false a 3 echo false a 輸出 false3 簡析 即使前面已經為 false,後面的表示式依舊會執行。if true a ...