다음과 같은 목록이 있습니다.
<ul id="otis">
<li>Benz</li>
<li>Other Benz</li>
<li>Other Other Benz</li>
</ul>
내가 시도한 총알을 제거하고 싶습니다.
ul#otis {
list-style-type: none;
}
그래도 작동하지 않았습니다. 표시된 목록에서 글 머리 기호를 제거하는 올바른 방법은 무엇입니까?
답변
작동하지 않는다고 가정하면 CSS를 요소에 적용하기 위해 id
기반 선택기 를 결합 할 수 있습니다 .li
li
#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를 추가하는 것입니다. 그것이 효과가 있기를 바랍니다.