कस्टम सूची शैलियों?

Question

शायद एक स्पष्ट शुरुआत प्रश्न: मैं निम्न पदानुक्रम की तरह किसी भी टैग के बिना मानक HTML शैली लिए एक आसान तरीका के लिए देख रहा हूँ का आदेश दिया सूचियां:

A. One 
    I. Two 
     1. Three 
      a. Four 
       aa. Five 
        (I.) Six 
         (1.) Seven 
          (a.) Eight 
           (aa.) Nine 

वहाँ इस के लिए एक सीएसएस समाधान है? मेरे "शोध" के मुताबिक पांच से नौ स्तर के लिए कस्टम स्टाइलिंग केवल सीएसएस काउंटर के साथ हासिल की जा सकती है?

Answer 1

आप list-style-type के उपयोग के साथ सीएसएस के माध्यम से इसे प्राप्त कर सकते हैं। पदानुक्रम के प्रत्येक स्तर पर एक कस्टम वर्ग लागू करें।

ul.a {list-style-type: circle;} 
ul.b {list-style-type: square;} 

ol.c {list-style-type: upper-roman;} 
ol.d {list-style-type: lower-alpha;} 

से लिया:

सीएसएस:

ul.custom 
{ 
    list-style-type: none; 
    padding: 0; 
} 

ul.custom li.aa:before { content: "aa. "; } 
ul.custom li.bb:before { content: "bb. "; } 
ul.custom li.cc:before { content: "cc. "; } 

HTML:

<ul class="custom"> 
    <li class="aa">foo</li> 
    <li class="bb">bar</li> 
    <li class="cc">baz</li> 
</ul> 

गु http://www.w3schools.com/css/css_list.asp

उदाहरण के लिए आप ऐसा करने से कस्टम पाठ निर्दिष्ट कर सकते हैं में परिणाम देगा:

aa. foo 
bb. bar 
cc. baz 

मैं समझता हूँ कि इस समाधान के सबसे खूबसूरत नहीं है, लेकिन यह एक ही रास्ता मैं के बारे में पता यह करने के लिए है।