Maison >interface Web >tutoriel CSS >Pourquoi list-style:none en CSS ne fonctionne-t-il pas ?
Voir le code ci-dessous ? Pourquoi list-style:none ne fonctionne-t-il pas ?
<!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>Pas aussi élevé que le niveau par défaut d'ul.
Pourquoi faut-il le fixer sur le corps ?
Si vous le définissez sur le corps, alors l'ul suivant héritera des paramètres de ce corps. Les éléments hérités seront écrasés par l'attribut porté par lui-même. . de.
Quelle question compliquée~
Pouvez-vous le comprendre de cette façon :
le style par défaut de ul appartient à la feuille de style en ligne
Le corps{...} dans la balise head appartient à la feuille de style interne
La priorité de la feuille de style interne est inférieure à celle de la feuille de style en ligne
Si elle n'est pas reflétée, il est préférable de l'ajouter au CSS. style dans le div, qui est le plus stable.
Écrit sur le corps, il peut théoriquement être hérité par les éléments du corps, mais les autorisations héritées en CSS sont les plus faibles, il sera donc écrasé par les UL. propre style par défaut. Un tel code est généralement écrit directement dans UL
ul{
list-style:none;
}Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!