>  기사  >  웹 프론트엔드  >  list-style-type:none이 작동하지 않는 이유는 무엇입니까?

list-style-type:none이 작동하지 않는 이유는 무엇입니까?

黄舟
黄舟원래의
2017-06-29 13:50:373454검색

다른 분들의 작성 방법을 따라해서 CSS 맨 앞에 직접 작성했는데, FireFox에서는 안 되더라구요. IE를 사용하지 않아도 점은 나타나지 않습니다~

<ul id="navlist">
  <li>首页</li>
  <li>简介</li>
</ul>

Css
스타일 1

ul{list-style-type:none;}
#navlist li{float:left;padding:55px 13px 0 0;}

스타일 2

#navlist li{float:left;padding:55px 13px 0 0;list-style-type:none;}

"스타일 1"에서는 FF 아래에 목록 점들이 계속 표시됩니다. '스타일 2'는 나오지 않네요~우울하네요. 다른 사람들은 왜 그럴 수 있지~~~~~

다음을 시도해 보세요:

ul#navlist{list-style-type:none;}
<html>
<head></head>
<style type="text/css">
ul{list-style-type:none;}
#navlist li{float:left;padding:55px 13px 0 0;} 
</style>
<body>
<ul id="navlist">
  <li>首页 </li>
  <li>简介 </li>
</ul>


</body>
</html>

내 FF에 점이 없습니다

FF, IE6, IE7, IE8은 정상입니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#uTest{list-style:none;}
</style>
</head>
 
<body>
<div>
<ul id="uTest">
<li>l1</li>
<li>l2</li>
<li>l3</li>
</ul>
</div>
</body>
</html>

위 내용은 list-style-type:none이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.