ホームページ > ウェブフロントエンド > CSSチュートリアル > list-style-type:none; が機能しないのはなぜですか?

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

黄舟
リリース: 2017-06-29 13:50:37
オリジナル
3490 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート