css 中的一个参数忘记了

2015-05-06 17:59:26 +08:00
 luckylion

<ul>
<li>....<li>
<li>....<li>
<li>....<li>
<li>....<li>
......
</ul>

li{float:left;margin-right:20px;}

记得css有个参数可以把固定间隔li中margin属性消掉
比如一横排显示3个,那个参数就把3 6 9...li中margin-right:20px覆盖成0

这个参数是什么

3842 次点击
所在节点    CSS
7 条回复
January
2015-05-06 18:05:54 +08:00
在ul上设置一个等值的负margin?
luckylion
2015-05-06 18:08:30 +08:00
@January 不是
li{float:left;margin-right:20px; 在这儿直接定义的 }
bunorte
2015-05-06 18:08:31 +08:00
li:nth-child(3n){margin-right:0}
kingwrcy
2015-05-06 18:09:59 +08:00
li:nth-child(3n){
margin-right:0;
}
luckylion
2015-05-06 18:11:02 +08:00
是 nth-child
感谢
Gonster
2015-05-06 18:17:25 +08:00
楼主你问的这个叫css的伪类(Pseudo-classes)
jankan
2015-05-06 18:40:28 +08:00
lz这么写是不好的

应该学习bootstrap的写法, margin改为padding来解决
不过要把box-size改一下
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul {margin:0 -20px}
li {float:left;padding:0 20px;width:33.333333%;}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/188977

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX