html - css: attr(data) 带计数器

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);
}

结果

Answer 1

对不起这个问题，答案很简单

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

点击这里查看结果

问题已关闭