Jump to content

Anand Darshan

Members
 View Profile  See their activity

  • Posts

    1

  • Joined

  • Last visited

 Content Type 

Posts posted by Anand Darshan

    Counters In CSS

    in CSS

    Posted

    Hey, will anybody solve this problem or explain me why it is happening to this counter lists that I am creating  in css.

    the problem here is that the last group of lists are the continuation of the first group of lists and in between, I have used nested lists, so counter should be continuing the counting after the the first group( 1-5th lists ) of lists( which is from the number 6 - last group of lists) but it doesn't....please tell me why ? 

    
    <style>
        ol{
            counter-reset: section;
            list-style-type: none;
        }
        li::before{
counter-increment: section;
content:Counters(section,":") " ";
        }

    </style>

</head>

<body>
<br><br><br><br>   

<ol>
   <li>text</li>
   <li>text</li>
   <li>text</li>
   <li>text</li>
   <li>text</li>
<ol>
     <li>text</li>
     <li>text</li>
     <li>text</li>
     <li>text</li>
    <li>text
        <ol>
            <li>text</li>
            <li>text</li>
            <li>text</li>
        </ol>
    </li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ol>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ol>

     

×
×
  • Create New...