标签:mamicode lis size 序号 技术 before 利用 col counter
<ul> <li>Wow我真帅</li> <li>Wow我真帅</li> <li>Wow我真帅</li> </ul>
将上述列表进行CSS操作实现下述效果

相关代码如下
ul li{
            list-style: none;
            counter-increment: number;
        }
        ul li:before{
            content: counter(number)" ";
            font-size: 22px;
            font-weight: bold;
            color: green;
        }
这样就可以将有序列表中的数字下标去掉。
另外可以利用:before转换成汉字:
ul li:before{
            content: counter(number,cjk-ideographic)"、";
           //...
        }
其他用法如下,将cjk进行替换即可

标签:mamicode lis size 序号 技术 before 利用 col counter
原文地址:https://www.cnblogs.com/joker-18/p/12818902.html