我不能改变CSS中的子弹点之间的空间

时间:2014-08-31 09:22:45

标签: html5 css3 tumblr

ul, ol, li { list-style-position:inside; margin: 33px 0; }

这个代码效果也是我的男人,帖子上的帖子。为什么会发生这种情况以及如何仅影响子弹点和小数?

预览:http://sindreolsson.tumblr.com

1 个答案:

答案 0 :(得分:1)

您设计中的菜单和其他项目也是列表项li,因此根据您应用的规则,这些项目也会获得保证金。如果您只想让文本中的要点具有更多余量,则需要更具体。在您的情况下,您可能需要以下内容:我只希望在tumblr帖子(.tumblr-post)内的列表项具有更大的余量。在CSS中看起来像这样:

.tumblr-post li {
  margin: 33px 0;
}

不要忘记从自己的CSS中删除边距。所以,改变

ul, ol, li { list-style-position:inside; margin: 33px 0; }

ul, ol {list-style-position:inside;}
编辑:你似乎想要这个:

.tumblr-text li {
  margin: 33px 0;
}