2009-03-23 13 views
8

हमारे पृष्ठों के सभी भर में उपयोग किया जाता है एक वैश्विक शैली पत्रक में ओवरराइड निम्न पंक्ति बैठता है।एक सीएसएस शैली

हालांकि, विशेष मामलों में, मुझे ली के बगल में डिस्क प्रदर्शित करने की आवश्यकता है।

मेरे पास "ब्लॉग-पोस्ट" श्रेणी के साथ एक div है और हालांकि यह मेरे लिए चाल करेगा।

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 

हालांकि यह चाल नहीं कर रहा है।

Testing 
1. Testing 

फिर भी ली का उल के में नेस्ट में कोई डिस्क:

एचटीएमएल निम्नलिखित स्निपेट के साथ

तो साथ

<ul> 
    <li>Testing</li> 
</ul> 
<ol> 
    <li>Testing</li> 
</ol> 

परिणाम। विचार मैं उन्हें कैसे प्राप्त कर सकता हूं? मेरे सीएसएस फू कमजोर है ....

उत्तर

16

क्योंकि वर्ग विशेष शैलियों वैश्विक शैलियों पहले से ही ओवरराइड महत्वपूर्ण आवश्यक नहीं है। समस्या यह है कि वैश्विक शैली में आप मार्जिन शून्य पर सेट करते हैं। शैली का प्रकार सही ढंग से प्रस्तुत किया जा रहा है, लेकिन आप इसे देख नहीं सकते हैं। यह आपके लिए काम करना चाहिए:

.blog_body ul 
{ 
    list-style-type: disc; 
    margin: 1em; 
} 
+0

आप सर सही हैं, मार्जिन ने सभी अंतर किए हैं। धन्यवाद! – mwilliams

+0

खुशी है कि मैं मदद कर सकता हूं। :) – Scott

+0

और इसे थोड़ा सा संशोधित करने की आवश्यकता है .blog_body ul li {list-style-type: disk; मार्जिन: 0 0 0 1.5em; पैडिंग-तल: 0;} लेकिन आप अभी भी सिर पर नाखून मारा। – mwilliams

3

बदलें इस:

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 
इस के लिए

:

.blog_body ul li { list-style-type: disc; } 
.blog_body ol li { list-style-type: decimal; } 
संबंधित मुद्दे