정렬되지 않은 목록 항목(<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
이 특정 탐색 구성 요소의 글머리 기호만 제거하도록 지정합니다. 그렇지 않으면 웹사이트의 모든 정렬되지 않은 목록 항목에서 글머리 기호가 제거됩니다.