css - 覆盖 CSS 样式

Question

在我们所有页面使用的全局样式表中有以下行:

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

因此，我页面中的任何 ul 在 li 旁边都没有圆盘呈现。

但是，在特殊情况下，我需要在 li 旁边显示光盘。

我有一个类为“blog-post”的 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

嵌套在 ul 中的 li 中仍然没有光盘。关于如何让他们到达那里的想法？我的 CSS-fu 很弱....

Answer 1

!important 不是必需的，因为特定于类的样式已经覆盖了全局样式。问题是因为在全局样式中您将边距设置为零。样式类型已正确呈现，但您就是看不到它。这应该适合你:

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