list-style-type:none; が機能しないのはなぜですか?-CSSチュートリアル-php.cn

list-style-type:none; が機能しないのはなぜですか?

黄舟

リリース： 2017-06-29 13:50:37

オリジナル

3460 人が閲覧しました

他の人の書き方を真似して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 サイトの他の関連記事を参照してください。