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

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

黄舟
リリース: 2017-06-29 09:29:10
オリジナル
4622 人が閲覧しました

以下のコードが見えますか? list-style:none が機能しないのはなぜですか?

<!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=utf-8" />
 
<title>无标题文档</title>
<style type="text/css">
    body{
        list-style:none;
    }
</style>
 
</head>
 
<body>
    <ul>
        <li>
            aaaaaa
        </li>
        <li>
            bbbbbb
        </li>
    </ul>
</body>
</html>
ログイン後にコピー

ULのデフォルトレベルほど高くありません。

なぜ体にセットする必要があるのですか?

ボディに設定すると、後続の UL はこのボディの設定を継承します。継承されたものは、そのボディが持つプロパティによって上書きされます。

なんとも複雑な質問ですね~
次のように理解できますか:
ul のデフォルト スタイルは、head タグ内のインライン スタイル シート
body{...} に属し、内部スタイル シート
priority に属しますインラインスタイルシートの場合は下の方にあるはずです

反映されない場合はdiv内のcssスタイルに追加するのが一番安定しており、理論的には継承可能です。 bodyの要素によって継承されますが、CSSで継承される権限は最も低いため、UL独自のデフォルトスタイルで上書きされます。このようなコードは通常、UL

ul{
        list-style:none;
    }
ログイン後にコピー
に直接記述されます。

以上がCSS の list-style:none が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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