简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

為什麼list-style-type:none;沒有起作用？

黄舟
發布： 2017-06-29 13:50:37
原創
3383 人瀏覽過

我學習別人的寫法，直接寫在CSS的最前面，可在FireFox下不起作用。 IE倒是不用也不會出現圓點~

<ul id="navlist">
  <li>首页</li>
  <li>简介</li>
</ul>
登入後複製

Css
樣式一

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

樣式二

#navlist li{float:left;padding:55px 13px 0 0;list-style-type:none;}
登入後複製

「樣式一」在FF下還是會出現列表圓點。 「樣式二」就不會出現~鬱悶。為什麼別人就行呀~~~~~

這樣試試:

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中文網其他相關文章！

相關標籤：
list-style-type none 為什麼
來源：php.cn
上一篇：為什麼css ：list-style-type屬性常常會不起作用？ 下一篇：CSS中list-style-type:square的大小和顏色如何控制？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
嘗試更改選單按鈕顏色以在 html 上工作 我試圖理解為什麼我使用的程式碼無法使用選單按鈕上的樣式。我為單獨的選單按鈕製作了樣式，但似乎它們沒有被使用。我的所有選單按鈕均採用預設的「ul.menulia」樣式，而不是我單獨製...
來自於 2023-09-13 21:13:41
0
2
338
Laravel：如何根據 if-else 條件編寫 href 屬性？ 我需要在if-else子句中透過URL檢查“perPage=100”和“perPage=50”。 @if(perPage=100)<aclass="btnbtn-d...
來自於 2023-08-31 17:37:25
0
1
231
沒效果 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
來自於 2022-03-26 21:39:04
0
2
1122
為什麼寫了居中指令但是chrome瀏覽器開啟顯示沒有居中，Email類型也不會提示 from action="" method="" name="" align="center">...
來自於 2021-10-25 15:28:13
0
7
1148
html5 導覽列logo右移動 新手問題！ <!doctype html><html><head><meta charset="utf-8"><tit...
來自於 2021-08-04 14:21:41
0
2
1475
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！