html - Add a 'point zero' to first level of nested css counter -

-

here's ordered list have far:

1 item 2 item     2.1 item     2.2 item     2.3 item         2.3.1 item         2.3.2 item         2.3.3 item 3 item 4 item

this produced following:

<ol>     <li>item</li>     <li>item     <ol>         <li>item</li>         <li>item</li>         <li>item         <ol>             <li>item</li>             <li>item</li>             <li>item</li>         </ol></li>     </ol></li>     <li>item</li>     <li>item</li> </ol>

and css:

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

what want make top level list items have 'point zero' following counter, in 

1.0 item 2.0 item     2.1 item

and forth. can done in css? may need creative solution.

set initial styling include 0.

ol {     counter-reset: section;     list-style-type: none; } li:before {     counter-increment: section;     content: counters(section, ".")".0 "; }

overwrite selecting children elements.

li > ol > li:before {     content: counters(section, ".")" "; } 

ol {      counter-reset: section;      list-style-type: none;  }  li:before {      counter-increment: section;      content: counters(section, ".")".0 ";  }  li > ol > li:before {      content: counters(section, ".")" ";  }
<ol>      <li>item</li>      <li>item          <ol>              <li>item</li>              <li>item</li>              <li>item                  <ol>                      <li>item</li>                      <li>item</li>                      <li>item</li>                  </ol>              </li>          </ol>      </li>      <li>item</li>      <li>item</li>  </ol>


Comments

Post a Comment

Popular posts from this blog

c - CUDA code not processing if block properly -

-
stuck @ if block right below //step 5, issue code not progress or after given if block. need figure out how particular issue settled before starting task of generating parallel code. if run code see 1 print statement indicates value of "one" , 2 "i" , "j". after if block begins, none of other print statements hit. result quite stuck, aware specific issue, however, cannot seem determine it's cause. any appreciated! in advance! input file sample. >386.fasta.screen.contig1 gagtttgatcctggctcagaatcaacgctggcggcgcgcttaacacatgc aagtcgaacgagaaagtggagcaatccatgagtacagtggcgtacgggtg agtaacacgtgggtaatctacctcttagtggggaataactttgggaaacc gaagctaataccgcataagctcgagagaggaaagcagcaatgcgctgaga gaggagcccgcggccgattagctagttggcagggtaaaagcctaccaagg cagagatcggtagccggcctgagagggcacacggccacactggcactgaa acacgggccagactcctacgggaggcagcagtggggaatcttgcacaatg ggggcaaccctgatgcagcgacgccgcgtgagcgatgaagcccttcgggg tgtaaagctctttcgtcagggaagatagtgacggtacctggagaagcagc tgcggctaactacgt...
Read more

Android Capture Image From Camera -

-
i making application in i'm using camera function of android. i'm opening camera , taking picture.in simple way easy do. but want take picture camera when user touch on anywhere on opened camera screen. (like use focus functionality) thank in advance , sorry bad english.
Read more

Define custom list-style-type in CSS -

-
i want ask, if possible (something font-face). example: @list-style-type { list-style-image: 'mycustomstyle'; src: url('url-to-image'); } ul { list-style-type: mycustomstyle; } is there that? know can classes on element , set custom image, not point. have issue company , nice. in css defined , implemented, cannot. values of list-style-type property set of keywords, different in different specifications , implementations, syntax not allow custom values added. there work in progress define css lists , counters module level 3 , extend syntax , semantics, allow custom values defined in @counter-style rules, using constructs designed part of css counter styles level 3 . planned include possibility of defining named value uses custom image, or construct contains custom image part of it. far, seems there no implementations of in released versions of browsers.
Read more