Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

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;
}

참고:유형 선택기를 결합합니다. ulnav 이 특정 탐색 구성 요소의 글머리 기호만 제거하도록 지정합니다. 그렇지 않으면 웹사이트의 모든 정렬되지 않은 목록 항목에서 글머리 기호가 제거됩니다.