0

我到处寻找似乎会有一个简单的答案，即不使用 IE 中不支持的第 n 个孩子。解决这个问题的最佳方法是什么？

4

3 回答 3

1

仅限 IE7+。

li { margin-left: 20px; }
li:first-child { margin-left: 0; }
于 2012-04-12T05:54:35.157 回答
0

有一个很好的答案，诀窍是：

为这些框创建一个容器，并将它的边距向右 -20px（或您的原始边距右边），这样它们将在三列中对齐，边距右边 = 20 像素，但容器会吃掉最后 20 像素

看看 twitter bootstrap 他们有很多东西要教

于 2012-04-12T05:58:13.380 回答
-1

尝试css解决方案：http: //kimblim.dk/css-tests/selectors/

li:not(:last-child) { margin-right: 20px; } ​

推荐的 jQuery 解决方案：

$('ul li:not(:last)').css('border', '1px solid blue');

演示：http: //jsfiddle.net/codef0rmer/PMXdJ/

于 2012-04-12T05:49:02.003 回答