Heim > Artikel > Web-Frontend > Warum funktioniert list-style-type:none; nicht?

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

黄舟Original: 2017-06-29 13:50:373384Durchsuche

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>

Css
Stil 1

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

Stil 2

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

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

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

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Warum funktioniert das Attribut css:list-style-type oft nicht?Nächster Artikel：Warum funktioniert das Attribut css:list-style-type oft nicht?

In Verbindung stehende Artikel

Mehr sehen