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 rendent sans disques à côté de Li.

Toutefois, dans des cas particuliers, je dois afficher le disque à côté d'un li.

J'ai un div avec la classe « Blog post » et, bien que les éléments suivants 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. Réflexions sur la façon dont je peux y arriver? 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 que 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

Changer 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; }