वेब पेज पर अनऑर्डर्ड लिस्ट आइटम्स (<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 को जोड़ते हैं ताकि यह निर्दिष्ट किया जा सके कि आप केवल इस विशिष्ट नेविगेशन कंपोनेंट पर बुलेट्स हटाना चाहते हैं। अन्यथा, आपकी वेबसाइट पर सभी अनऑर्डर्ड लिस्ट आइटम्स के बुलेट पॉइंट्स हट जाएंगे।