Warum funktioniert list-style-type:none; nicht?-CSS-Tutorial-php.cn

Warum funktioniert list-style-type:none; nicht?

黄舟

Freigeben： 2017-06-29 13:50:37

Original

3384 Leute haben es durchsucht

Ich habe gelernt, wie andere Leute es geschrieben haben, und habe es direkt an den Anfang des CSS geschrieben, aber unter Firefox hat es nicht funktioniert. IE wird nicht verwendet und es werden keine Punkte angezeigt~

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

Nach dem Login kopieren

Css
Stil 1

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

Nach dem Login kopieren

Stil 2

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

Nach dem Login kopieren

„Style 1“ wird weiterhin Listenpunkte unter FF haben. „Stil 2“ wird nicht deprimierend erscheinen. Warum können andere das machen~~~~~

Versuchen Sie Folgendes:

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Mein FF hat keine Punkte

FF , IE6, IE7, IE8 sind normal

<!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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum funktioniert list-style-type:none; nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!