मैं कई "ओएल" सूचियां चाहता हूं जहां काउंटर वैल्यू सूचियों के बीच रीसेट नहीं करता है। यह कहने का एक और तरीका यह है कि मैं दूसरी सूची में पहले "ली" के काउंटर को पिछली सूची के अंतिम तत्व से काउंटर वैल्यू से अधिक होना चाहता हूं। क्या कोई सीएसएस जादू है जो यह करेगा?काउंटर को रीसेट किए बिना सूचियों में सीएसएस काउंटर का उपयोग कैसे करें?
6
A
उत्तर
2
बस सीएसएस के साथ बिल्कुल नहीं। यह आपको कुछ control over counters (और support is pretty good) प्रदान करता है, लेकिन यह अभी भी इसके व्यवहार में स्थिर है। तो यह काम करता है:
<html>
<head>
<style>
#list-one {
counter-reset : item;
}
#list-two {
counter-reset : item 3;
}
li {
display : block;
}
li:before {
display : inline-block;
content : counter(item) ". ";
counter-increment : item;
}
</style>
</head>
<body>
<ol id="list-one">
<li>One</li><li>Two</li><li>Three</li>
</ol>
<ol id="list-two">
<li>Four</li><li>Five</li><li>Six</li>
</ol>
</body>
</html>
... लेकिन तुम सिर्फ एक दूसरे स्वचालित रूप से एक दूसरे के बाद दो सूचियों ड्रॉप नहीं कर सकते हैं और है जहाँ पर अन्य दूर छोड़ दिया ("3" दूसरा CSS नियम में देखते हैं)। थोड़ी सी रचनात्मकता के साथ, आप शायद स्टाइल को कुछ PHP या जो भी आप अपनी साइट बनाने के लिए उपयोग कर रहे हैं, के साथ स्टाइल कर सकते हैं। यह निश्चित रूप से आपकी स्थिति के विवरण पर निर्भर है।
1
जबकि Su's answer काम करेगा, आपको इतना भारी हाथ होने की आवश्यकता नहीं है। बस शीर्ष पर काउंटर रीसेट करें, और हर जगह आप इसे इस्तेमाल करते हैं, यह बढ़ेगा।
body {
counter-reset: item;
}
li {
display: block;
}
li:before {
display: inline-block;
content: counter(item) ". ";
counter-increment: item;
}
इस example
संबंधित मुद्दे
- 1. पुराने काउंटर को हटाए बिना मौजूदा प्रदर्शन काउंटर श्रेणी में नया काउंटर कैसे जोड़ें?
- 2. लक्ष्य-काउंटर के लिए काउंटर कैसे सेट करें
- 3. सीएसएस चयनकर्ता के साथ सीएसएस काउंटर कैसे काम करता है?
- 4. sharded काउंटर
- 5. स्वचालित काउंटर?
- 6. कस्टम प्रदर्शन काउंटर
- 7. आप प्रदर्शन काउंटर
- 8. सरल काउंटर
- 9. प्रदर्शन काउंटर
- 10. डेटाबेस में बढ़ते काउंटर
- 11. Magento में हिट काउंटर
- 12. कार्यक्रम काउंटर?
- 13. प्रोग्राम काउंटर को सीधे पढ़ना
- 14. लूप काउंटर
- 15. मैं इंटेल सीपीयू काउंटर
- 16. अनुरोधित प्रदर्शन काउंटर एक कस्टम काउंटर नहीं है, इसे रीडऑनली
- 17. एक विज़िटर काउंटर
- 18. प्रत्येक Jquery() काउंटर
- 19. काउंटर ओवरफ़्लो का पता लगाने/रोकने के लिए कैसे करें
- 20. काउंटर को कैसे बढ़ाया जाए और MySQL
- 21. दूषित प्रदर्शन काउंटर?
- 22. जावास्क्रिप्ट - एक क्लिक काउंटर प्रोग्राम कैसे करें?
- 23. एक्सएसएल के अंदर काउंटर: प्रत्येक लूप के लिए काउंटर
- 24. एनएसएमयूटेबलएरे काउंटर हमेशा शून्य
- 25. सी ++ श्वार्ट्ज काउंटर
- 26. शेल स्क्रिप्ट में काउंटर जोड़ना
- 27. मैं लागू सीएसएस-काउंटर वैल्यू कैसे पढ़ सकता हूं?
- 28. उपाय हार्डवेयर काउंटर
- 29. आवेदन काउंटर? (और OSX?)
- 30. प्रक्रिया मेमोरी आकार - विभिन्न काउंटर
पूरे सही जवाब है कि देखते हैं। –