কিভাবে সিএসএস এর সাহায্যে অপরিবর্তিত তালিকা থেকে বুলেট পয়েন্ট সরান

ক্রমহীন তালিকা আইটেম (<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 আপনি শুধুমাত্র এই নির্দিষ্ট নেভিগেশন উপাদান থেকে বুলেট অপসারণ করতে চান তা নির্দিষ্ট করতে। অন্যথায়, আপনার ওয়েবসাইটের সমস্ত ক্রমবিন্যস্ত তালিকা আইটেম তাদের বুলেট পয়েন্ট সরিয়ে দেওয়া হবে।