ホームページ > 記事 > ウェブフロントエンド > list-style-type:none; が機能しないのはなぜですか?
list-style-type:none; が機能しないのはなぜですか?
- 黄舟オリジナル
- 2017-06-29 13:50:373387ブラウズ
他の人の書き方を真似して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 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。