Redéfinition un style CSS

Question

Dans une feuille de style global utilisé dans toutes nos pages se trouve la ligne suivante:

ul { margin: 0; } 
li { list-style-type: none; padding-bottom: 3px; } 

Par conséquent, toute ul de l'intérieur de mes pages render sans disques à côté de Li. Cependant, dans des cas spéciaux, j'ai besoin d'afficher le disque à côté d'un li.

J'ai un div avec la classe "blog-post" et bien que ce qui suit ferait l'affaire pour moi.

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 

Cependant, cela ne fait pas l'affaire.

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 imbriqué dans les années ul. Des réflexions sur comment je peux les y amener? Mon CSS-fu est faible ....

Answer 1

important n'est pas nécessaire parce que des styles spécifiques de classe remplacent déjà des styles globaux. Le problème est que dans le style global, vous définissez la marge à zéro. Le type de style est rendu correctement, mais vous ne pouvez pas le voir. Cela devrait fonctionner pour vous:

.blog_body ul 
{ 
    list-style-type: disc; 
    margin: 1em; 
} 

Answer 2

Modifier ceci:

.blog_body ul { list-style-type: disc; } 
.blog_body ol { list-style-type: decimal; } 

à ceci:!

.blog_body ul li { list-style-type: disc; } 
.blog_body ol li { list-style-type: decimal; }