<ul>에서 글 머리 기호 제거하기

다음과 같은 목록이 있습니다.

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

내가 시도한 총알을 제거하고 싶습니다.

 ul#otis {
 list-style-type: none;
 }

그래도 작동하지 않았습니다. 표시된 목록에서 글 머리 기호를 제거하는 올바른 방법은 무엇입니까?

작동하지 않는다고 가정하면 CSS를 요소에 적용하기 위해 id기반 선택기 를 결합 할 수 있습니다 .lili

#otis li {
    list-style-type: none;
}

참고:

• list-style-typeMozilla 개발자 센터에서 .

스크립트가 내 styelsheet를 통지하지 않았기 때문에 나는 같은 극도로 자극적 인 문제를 겪었습니다. 그래서 나는 썼다 :

<ul style="list-style-type: none;">

그것은 효과가 없었다. 그래서 나는 또한 다음 과 같이 썼다.

<li style="list-style-type: none;">

짜잔! 효과가 있었다!

정렬되지 않은 목록에서 글 머리 기호를 제거하려면 다음을 사용할 수 있습니다.

list-style: none;

다음을 사용할 수도 있습니다.

list-style-type: none;

어느 쪽이든 작동하지만 첫 번째 방법은 동일한 결과를 얻는 더 짧은 방법입니다.

다음 코드

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

이 출력을 생성합니다 :

대신 Chrome / Safari에서 테스트 해보십시오.

ul {
 list-style: none;
}

놓다

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

목록 바로 전에 테스트하십시오. 또는

<ul style="list-style-type: none;">

UL당신이 총알을 제거하려면 단순히 사용 list-style: none;하거나 list-style-type: none;여전히 작동하지 않는 경우 우선 순위 CSS 의 문제가 있다고 생각 합니다. 전 세계적으로 UL이 이미 정의되어있을 수 있습니다. 따라서 가장 좋은 방법은 특정 UL에 클래스 / ID를 추가하고 CSS를 추가하는 것입니다. 그것이 효과가 있기를 바랍니다.

이것은 완벽하게 HTML을 작동

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

#top-list{
  list-style-type: none;
  list-style: none;}

다른 것이 있어야합니다.

때문에:

   ul#otis {
     list-style-type: none;
   }

그냥 작동해야합니다.

이를 덮어 쓰는 CSS 규칙이있을 수 있습니다.

DOM 검사기를 사용하여 찾으십시오.

나는 같은 문제가 있었고 그것을 고치는 방법은 다음과 같다.

ul, li{
    list-style:none;
    list-style-type:none;
}

어쩌면 조금 극단적 일 수도 있지만 내가 그렇게했을 때 그것은 나를 위해 일했습니다.

인라인 스타일 시트의 경우이 코드를 사용해보십시오

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

귀하의 코드 :

ul#otis {
    list-style-type: none;
}

나의 제안:

#otis {
    list-style-type: none;

}

CSS에서는 #idnot 만 사용해야합니다 element#id. 더 유용한 힌트가 여기에 제공됩니다 : w3schools

나는 같은 문제가 있었다.

해결책은 글 머리 기호가 목록 스타일 유형이 아닌 배경 이미지 를 통해 추가되었다는 것 입니다. 빠른 '배경 : 없음'과 밥은 삼촌입니다!