recherche

Maison  >  Article  >  interface Web  >  Pourquoi list-style:none en CSS ne fonctionne-t-il pas ?

Pourquoi list-style:none en CSS ne fonctionne-t-il pas ?

黄舟
黄舟original
2017-06-29 09:29:104598parcourir

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Compréhension approfondie du style de liste en CSSArticle suivant：Compréhension approfondie du style de liste en CSS

Articles Liés

Voir plus