移动列表项但不是第一个在其他div左侧的项目

Question

我试图在列表项目中创建一些空格，并说margin-left:10px;它工作正常但它也会移动第一个li.how我可以实现第一个不应该移动而另一个有差距的事情。 我应该对ul做出否定的保证金，以便设置第一个li或li，它固定在另一个div的固定宽度的外部容器中的左侧。 感谢。

Answer 1

- 使用这个：

ul > li:first-child { margin-left:0px;}

Answer 2

从第二个<li>开始应用保证金，例如

li + li { margin-left: 10px; }

在现代浏览器上你也可以写

ul li:nth-child(n + 1) { margin-left: 10px; }

Answer 3

在margin上设置li，然后重置第一个margin：

li {
    margin-left: 10px;
}
li:first-child {
    margin-left: 0;
}

Answer 4

您可以随时使用边距和填充推送ul因为这样可以节省您的时间，同时为某些css单独设置lis。