วิธีลบสัญลักษณ์แสดงหัวข้อย่อยออกจากรายการที่ไม่เรียงลำดับด้วย CSS

รายการที่ไม่เรียงลำดับ (<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 เพื่อระบุว่าคุณต้องการลบสัญลักษณ์แสดงหัวข้อย่อยบนส่วนประกอบการนำทางเฉพาะนี้เท่านั้น มิฉะนั้น รายการที่ไม่เรียงลำดับทั้งหมดบนเว็บไซต์ของคุณจะถูกลบออกจากหัวข้อย่อย