您的位置：首页 > Web前端 > CSS

css的counter-increment和counter-reset

2017-06-12 15:31 477 查看
counter-increment：设置某个选取器每次出现的计数器增量。默认增量是 1。
counter-reset：重置某个选择器出现次数的计数器的值。可以为任意值，默认为
0。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {counter-increment:section;
counter-reset:subsection;}   //在遍历到h1时重置h2的计数器。
h2 {counter-increment:subsection;}
h1:before
{
content:"Section " counter(section) ". ";
}
h2:before 
{

content:counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<h1>title-first</h1>
<h2>这是一句话</h2>
<h2>这是一句话</h2>
<h2>这是一句话</h2>

<h1>title-second</h1>
<h2>这是一句话</h2>
<h2>这是一句话</h2>

<h1>title-third</h1>
<h2>这是一句话</h2>
<h2>这是一句话</h2>
</body>
</html>




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航