मुख्य सीएसएस फ़ाइल

Question

में सेट सीएसएस शैली (सूची-शैली-प्रकार) को ओवरराइड करने के लिए मैं अपने पृष्ठों में से किसी एक सूची में सीएसएस सेटिंग को ओवरराइड करने का प्रयास कर रहा हूं। मेरे मास्टर सीएसएस फ़ाइल में, मैंने निम्न नियम निर्धारित किया है:

उल, ली {सूची-शैली-प्रकार: कोई नहीं; }

मेरे पास एक पृष्ठ है, जहां मैं सूची की शैली सेट करना चाहता हूं - मैं उस पृष्ठ पर उन सूची आइटमों के बीच अंतर को भी बढ़ाना चाहता हूं।

पेज इस तरह दिखता है:

<div><h3 style="color:#023467;">Hello</h3> 
     <ul style="color:#006699; list-style-type:circle;"> <!-- has no effect --> 
      <li>line 1</li> 
      <li>line 2</li> 
      <li>line 3</li> 
      <li>line 4</li> 
     </ul> 
    </div> 

अब तक मैं निम्नलिखित की कोशिश की है:

• दोनों युक्त यूएल के लिए शैली जोड़ना युक्त यूएल टैग
• के लिए शैली जोड़ना टैग और प्रत्येक LI टैग

कोई भी अब तक काम नहीं कर पाया है। चूंकि मेरे पास main.css फ़ाइल का संदर्भ देने वाले 1K से अधिक पृष्ठ हैं, इसलिए मैं इसे बदलना नहीं चाहता हूं। लेकिन मैं अपने पृष्ठ में विशिष्ट सूची आइटम के लिए सेटिंग्स को ओवरराइड कैसे कर सकता हूं?

मैं अपने मुख्य.css में सेटिंग्स को ओवरराइड करने में सक्षम क्यों नहीं हूं यदि मैं तत्व पर शैली भी लागू करता हूं?

Answer 1

अपने सीएसएस फ़ाइल को यह जोड़ें: इस मार्कअप

ul.circle, ul.circle > li { list-style-type: circle; } 

उपयोग:

<div><h3 style="color:#023467;">Hello</h3> 
     <ul class="circle" style="color:#006699;"> 
      <li>line 1</li> 
      <li>line 2</li> 
      <li>line 3</li> 
      <li>line 4</li> 
     </ul> 
    </div> 

सुनिश्चित करें कि कोई अन्य नियम निर्धारित उल सूची-शैली-प्रकार बनाओ।