태그 보관물: html-lists

html-lists

<ul>에서 글 머리 기호 제거하기 총알을 제거하고 싶습니다. ul#otis

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

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

참고:


답변

스크립트가 내 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를 추가하는 것입니다. 그것이 효과가 있기를 바랍니다.