communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Pourquoi list-style:none en CSS ne fonctionne-t-il pas ?

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

黄舟
Libérer： 2017-06-29 09:29:10
original
4637 Les gens l'ont consulté

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>
Copier après la connexion

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;
    }
Copier après la connexion

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!

Étiquettes associées：
none ça ne marche pas
source：php.cn
Article précédent：Compréhension approfondie du style de liste en CSS Article suivant：css : Solution aux points de style liste et au texte dans li qui ne sont pas centrés
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Obtenir les *deux* valeurs de hauteur de la toile ? J'essaie d'obtenir deux valeurs de hauteur de cette toile. <canvaswidth="886"...
Depuis 2024-04-05 09:32:33
0
1
1360
Les liens et boutons Highcahrts dans les info-bulles ne fonctionnent pas J'essaie de déclencher un événement de clic depuis une info-bulle. J'ai mis un bouton avec...
Depuis 2024-04-04 22:01:46
0
1
1352
Modifier les composants des ressources imbriquées de sous-itinéraire J'essaie d'utiliser un routage personnalisé avec des ressources imbriquées. Request est la...
Depuis 2024-04-04 20:05:35
0
1
368
Comment mettre à jour les propriétés à l'aide de javascript et obtenir des résultats avec les valeurs de propriété dans un ordre consécutif dans un objet tableau J'ai un tableau de liste d'objets, les paramètres rid et rorder sont transmis. ->1. Si ...
Depuis 2024-04-04 13:32:46
0
1
382
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal