CSS列表逆序

要使列表逆序的話，大多數人包括我一半都會選擇在ol標籤裡使用reversed屬性

first

second

third

fourth

fifth

sixth

效果展示：

未使用reversed：

使用reversed後：

但是，reversed有很多的限制，比如，

chrome，firebox及safari支援

reversed這個邏輯屬性，而internet explore和opera不支援該屬性，所以在ie及opera裡面不能直接在html的使用reversed這個邏輯屬性，這樣的話，就只能在css裡面下功夫了……

ol ol > li:before

接下來微微解釋一下~

counter-reset:line 7;

line處定義的是乙個計數器，這個名字可以自己改動，之後的7是該計數器的起始值，起始值在沒有設定的情況下預設為0。由於當前我們對同一元素重置和使用時先遞增的，所以要設定為7才能保證遞減之後第乙個是6。

ol > li:before

這裡涉及兩個知識點：子元素選擇器還有偽元素，子元素選擇器只能選擇作為某元素子元素的元素，css 偽元素用於向某些選擇器設定特殊效果。詳情得參考知識點~

counter-increment:line -1;

呼叫之前設定的計數器line，然後賦值，當賦值為負數（-1）時，該計數器遞減處理；相反，當賦值為正，則遞增。預設值為1。

content：counter(line)".";

counter()是乙個函式，配合content使用，counter()接受兩個引數，將兩個引數用"."分隔開。

正在做網頁初級階段，如果有誤請各位大神幫忙指點~