Các mục danh sách không có thứ tự (<ul>
) trên một trang web được tạo kiểu bằng các dấu đầu dòng tròn, theo mặc định. Nhưng điều gì sẽ xảy ra nếu bạn muốn xóa dấu đầu dòng trên các mục danh sách, ví dụ:khi xây dựng thành phần điều hướng?
HTML sau là cấu trúc điển hình cho thành phần điều hướng / menu trên trang web.
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
Để xóa các dấu đầu dòng khỏi các mục menu, bạn cần ghi đè quy tắc CSS mặc định list-style-type: disc;
và thay thế nó bằng none
:
nav ul {
list-style-type: none;
}
Lưu ý:bạn kết hợp các bộ chọn loại của mình, ul
và nav
để chỉ định rằng bạn chỉ muốn xóa dấu đầu dòng trên thành phần điều hướng cụ thể này. Nếu không, tất cả các mục danh sách không có thứ tự trên trang web của bạn sẽ bị xóa dấu đầu dòng.