सीएसएस के साथ अनियंत्रित सूचियों से बुलेट पॉइंट कैसे निकालें

अनियंत्रित सूची आइटम (<ul> ) वेब पेज पर डिफ़ॉल्ट रूप से गोल बुलेट बिंदुओं के साथ स्टाइल किया जाता है। लेकिन क्या होगा यदि आप सूची वस्तुओं पर बुलेट अंक हटाना चाहते हैं, उदा। नेविगेशन घटक बनाते समय?

निम्नलिखित HTML एक वेबसाइट पर नेविगेशन/मेनू घटक के लिए एक विशिष्ट संरचना है।

<nav>
  <ul>
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</nav>

अपने मेनू आइटम से बुलेट पॉइंट निकालने के लिए, आपको डिफ़ॉल्ट CSS नियम list-style-type: disc; को ओवरराइड करना होगा। और इसे none . से बदलें :

nav ul {
  list-style-type: none;
}

नोट:आप अपने प्रकार चयनकर्ताओं को जोड़ते हैं, ul , और nav यह निर्दिष्ट करने के लिए कि आप केवल इस विशिष्ट नेविगेशन घटक पर बुलेट निकालना चाहते हैं। अन्यथा, आपकी वेबसाइट पर सभी अनियंत्रित सूची आइटम अपने बुलेट पॉइंट निकाल देते हैं।