Remplacement d'une feuille de style CSS
Dans une feuille de style globale utilisés dans l'ensemble de nos pages, on trouve la ligne suivante:
ul { margin: 0; }
li { list-style-type: none; padding-bottom: 3px; }
Par conséquent, toute ul à l'intérieur de mon rendu des pages avec pas de disques à côté de li.
Toutefois, dans des cas particuliers, j'ai besoin d'afficher le disque à côté d'un li.
J'ai un div avec la classe "blog post", et bien que les éléments suivants devraient faire l'affaire pour moi.
.blog_body ul { list-style-type: disc; }
.blog_body ol { list-style-type: decimal; }
Cependant ce n'est pas de faire le tour.
Donc avec l'extrait suivant de HTML
<ul>
<li>Testing</li>
</ul>
<ol>
<li>Testing</li>
</ol>
Résultats avec:
Testing
1. Testing
Toujours pas de disque dans le li est imbriqué dans le ul. Réflexions sur la façon dont je peux y arriver? Mon CSS-fu est faible....
OriginalL'auteur mwilliams | 2009-03-23
Vous devez vous connecter pour publier un commentaire.
!l'important n'est pas nécessaire parce que la classe des styles de remplacer les styles globaux déjà. Le problème, c'est parce que dans le style global vous définissez la marge à zéro. Le type de style est en cours de rendu correctement, mais vous ne pouvez pas le voir. Cela devrait fonctionner pour vous:
Content d'avoir pu aider. 🙂
Et il fallait un peu modifié .blog_body ul li { list-style-type: disc; margin:0 0 0 1.5 em; padding-bottom: 0;} mais vous avez encore frappé le clou sur la tête.
OriginalL'auteur Scott
Changer cela:
:
OriginalL'auteur Ron DeVera