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

Question

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

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

Следовательно, любые ul внутри моих страниц отображаются без дисков рядом с li.

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

У меня есть div с классом "запись в блоге", и хотя следующее поможет мне.

.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

Все еще нет диска в li, вложенного в ul. Мысли о том, как я могу получить их там? Мой 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; }