html - 我无法更改 css 中元素符号点之间的空间

Question

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

这段代码也影响了我的 meny，帖子的页脚。为什么会发生这种情况以及如何只影响元素符号点和小数点？

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

Answer 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;
}