list-style-type:none이 작동하지 않는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

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

黄舟

풀어 주다： 2017-06-29 13:50:37

원래의

3491명이 탐색했습니다.

다른 분들의 작성 방법을 따라해서 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!