CSS中的content属性使用教程

2020-05-11 18:09:52易采站长站整理

    }    

counter-reset
必须定义与计数元素的父元素。默认值是从0开始的,我们可以增加一个参数来定义默认值,如counter-reset:photocount 5;,定义从5开始
       
counter-increment
一般跟随在counter()后面,用于增加计数值,默认的步长值是”1″,同样我们可以改变它,如counter-increment:photocount 2;定义步长为2
       
counter()和counters()
counter(name,style)计数的默认值是十进制,我们可以改变它的样式比如:content:counter(photocount,upper-alpha);
               
注:style值同list-style
counters(name,string,style)对于计数器嵌套则必须使用counters了,string为分割的字符,style为样式
              
代码

XML/HTML Code复制内容到剪贴板

HTML   
<ul>     
<li>项目      
    <ul>     
        <li>项目</li>     
        <li>项目</li>     
        <li>项目</li>     
    </ul>     
</li>     
<li>项目</li>     
<li>项目      
    <ul>     
        <li>项目</li>     
        <li>项目</li>     
        <li>项目      
            <ul>     
                <li>项目</li>     
                <li>项目</li>     
                <li>项目</li>     
                <li>项目</li>     
            </ul>