कस्टम ऑर्डर सूची प्रारूप

Question

मैंने आदेशित सूची <ol> और प्रत्येक सूची आइटम <li> आउटपुट 1 के रूप में आउटपुट करने का प्रयास किया। 2. 3. ... आदि, मैं आउटपुट 1 होना चाहता हूं) 2) 3) ... आदि, कर सकते हैं यह किया जा सकता है?

Answer 1

आप कर सकते हैं, लेकिन केवल अधिक अप-टू-डेट ब्राउज़र (क्रोम, सफारी, फ़ायरफ़ॉक्स और ओपेरा के साथ काम करेगा):

ol { 
    counter-reset: listCounter; 
} 
ol li { 
    counter-increment: listCounter; 
} 
ol li:before { 
    content: counter(listCounter) ")"; 
} 

Answer 2

नहीं, मान्य विकल्प >here< सूचीबद्ध हैं।

Answer 3

आप सीएसएस काउंटर और छद्म तत्वों के साथ ऐसा कर सकते हैं:

ol li{ 
 
    list-style: none; 
 
    counter-increment: myIndex; 
 
} 
 

 
ol li:before{ 
 
    content:counter(myIndex)") "; 
 
}

<ol> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
    <li>test</li> 
 
</ol>