Переопределение стиля CSS

Question

В глобальной таблице стилей, используемой во всех наших страницах сидит следующую строку:

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

Поэтому любой ули внутри моих страниц рендеринга без каких-либо дисков рядом с Ли.

Однако в особых случаях мне нужно отобразить диск рядом с ли.

У меня есть div с классом «blog-post», и хотя следующее будет делать трюк для меня.

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

Однако это не делает трюк.

Так со следующим фрагментом HTML

<ul> 
    <li>Testing</li> 
</ul> 
<ol> 
    <li>Testing</li> 
</ol> 

Результаты с:

Testing 
1. Testing 

до сих пор нет диска в Ли вложенными в ул х. Мысли о том, как я могу их получить? Мой CSS-фу слаб ....

Answer 1

важно не является необходимым, поскольку стили класса переопределяют глобальные стили уже. Проблема в том, что в глобальном стиле вы устанавливаете маржу на ноль. Тип стиля отображается правильно, но вы просто не видите его. Это должно сработать для вас:

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

Answer 2

Изменить это:

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

к этому:

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