以下のコードが見えますか? 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
