在我们所有页面使用的全局样式表中有以下行:
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 很弱....
最佳答案
!important 不是必需的,因为特定于类的样式已经覆盖了全局样式。问题是因为在全局样式中您将边距设置为零。样式类型已正确呈现,但您就是看不到它。这应该适合你:
.blog_body ul
{
list-style-type: disc;
margin: 1em;
}
关于css - 覆盖 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/674537/