Heim >Web-Frontend >CSS-Tutorial >Warum funktioniert list-style:none in CSS nicht?
Warum funktioniert list-style:none in CSS nicht?
- 黄舟Original
- 2017-06-29 09:29:104637Durchsuche
Sehen Sie den Code unten? Warum funktioniert list-style:none nicht?
<!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>Nicht so hoch wie die Standardstufe von ul.
Warum sollte es auf den Körper aufgetragen werden?
Wenn Sie es auf den Körper festlegen, erbt die nachfolgende UL die Einstellungen dieses Körpers. Die geerbten Dinge werden durch das von ihm getragene Attribut überschrieben . von.
Was für eine komplizierte Frage~Können Sie es so verstehen:
uls Standardstil gehört zum Inline-Stylesheet
Der Body{...} im Head-Tag gehört zum internes Stylesheet
Die
Prioritätdes internen Stylesheets ist niedriger als die des Inline-Stylesheets
Das obige ist der detaillierte Inhalt vonWarum funktioniert list-style:none in CSS nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!