Heim > Web-Frontend > CSS-Tutorial > Warum funktioniert list-style:none in CSS nicht?

Warum funktioniert list-style:none in CSS nicht?

黄舟
Freigeben: 2017-06-29 09:29:10
Original
4640 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Wenn dies nicht der Fall ist, fügen Sie es am besten dem CSS hinzu Stil im Div, der am stabilsten ist

Auf den Körper geschrieben, kann er theoretisch von Elementen im Körper geerbt werden, aber die in CSS geerbten Berechtigungen sind am niedrigsten, sodass er von ULs überschrieben wird Eigener Standardstil. Solcher Code wird im Allgemeinen direkt in UL geschrieben

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage