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