Các item unordered list (<ul>) trên trang web được style với bullet points tròn mặc định. Nhưng nếu bạn muốn xóa bullet points trên list items, ví dụ khi xây dựng component navigation?
HTML sau là cấu trúc điển hình cho component navigation/menu trên website.
<nav> <ul> <li>Home</li> <li>About</li> <li>Contact</li> </ul> </nav>Để xóa bullet points từ menu items, bạn cần override rule CSS mặc định list-style-type: disc; và thay bằng none:
nav ul { list-style-type: none; }Lưu ý: bạn kết hợp type selectors, ul và nav để chỉ xóa bullets trên navigation component cụ thể này. Nếu không, tất cả unordered list items trên website sẽ bị xóa bullet points.