css：attr（數據）與計數器

Question

我有這個代碼，我想要計數器將從attr獲取信息，每個數字將從data信息的元素開始。

HTML

<ul> 
    <li data="info1"></li> 
    <li data="info2"></li> 
    <li data="info3"></li> 
    <li data="info4"></li> 
    <li data="info5"></li> 
    <li data="info6"></li> 
    <li data="info7"></li> 
    <li data="info8"></li> 
</ul> 

CSS

body{ 
    counter-reset: section; 
} 
ul li:before{ 
    counter-increment: section; 
    content:"it from data - " counter(section); 
} 

Result

Answer 1

對不起，這個問題，答案很簡單

ul li:before{ 
     counter-increment: section; 
     content:attr(data) "- " counter(section); 
    } 

Click here for result

問題被關閉