题
在我们所有的网页中使用的全局样式表位于下面的行:
ul { margin: 0; }
li { list-style-type: none; padding-bottom: 3px; }
因此,任何UL的我的网页渲染里面没有光盘旁边立的。
然而,在特殊情况下,我需要显示旁边的一个里光盘。
我有一个类“博客员额”,虽然其后面会做的伎俩对我来说是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的没有盘。我如何可以让他们有想法?我的CSS-FU较弱....
解决方案
!重要的是没有必要的,因为类特定的样式覆盖全局样式了。这个问题是因为在全球的风格,你的保证金设置为零。风格类型正在呈现正确,但你不能看到它。这应该为你工作:
.blog_body ul
{
list-style-type: disc;
margin: 1em;
}
其他提示
更改此:
.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; }
不隶属于 StackOverflow