0
ul, ol, li { list-style-position:inside; margin: 33px 0; }
此代码的效果也是我的meny,在帖子上的页脚。为什么会发生这种情况,以及如何只影响项目符号和小数点?我不能改变css中的子弹点之间的空间
前瞻:http://sindreolsson.tumblr.com
ul, ol, li { list-style-position:inside; margin: 33px 0; }
此代码的效果也是我的meny,在帖子上的页脚。为什么会发生这种情况,以及如何只影响项目符号和小数点?我不能改变css中的子弹点之间的空间
前瞻:http://sindreolsson.tumblr.com
你的菜单,并在设计中其他项目列表项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;
}
好吧,这对于MENY工作,但仍影响tumblr英尺。什么是在HTML中最好的替代方案?我应该使用别的东西吗? – Sindre 2014-08-31 09:47:06
我删除了我的答案,因为我不明白这个问题。很高兴你能够帮助 – henrywright 2014-08-31 10:27:29
@Sindre直接在* ol *或* ul *元素中的** only **有效选项是* li *。没有替代。您只需要认识到,一般适用于元素类型的样式将应用于该元素的所有实例**。通过在Bram的答案中创建**更具体的**样式,您可以根据父类(或父类)将不同样式应用于元素的不同实例,从而允许您根据设计需要调整元素的每种用法。这正是CSS设计工作的方式。 – pwdst 2014-08-31 11:08:04