Css 嵌套列表之间的空格

我正在建立一个网站，但遇到了一个小问题。 我已经用html创建了一个嵌套列表，但我想在选项之间看到一些空白

             <ul>
                <li>Mini onderhoud
                    <ul>
                        <li>Computer stofvrij maken.</li>
                    </ul>
                </li>
                <li>Klein onderhoud
                    <ul>
                        <li>Computer stofvrij maken.</li>
                        <li>Computer controleren op malware (virussen, spyware, adware, trojans, ...).</li>
                        <li>Opruimen van onnodige software en bestanden.</li>
                        <li>Computer controleren op fouten.</li>
                    </ul>
                </li>
                <li>Groot onderhoud
                    <ul>
                        <li>Computer stofvrij maken.</li>
                        <li>Computer controleren op malware (virussen, spyware, adware, trojans, ...).</li>
                        <li>Opruimen van onnodige software en bestanden.</li>
                        <li>Computer controleren op fouten.</li>
                        <li>Backup maken van alle bestanden.</li>
                    </ul>
                </li>
                <li>Deluxe onderhoud
                    <ul>
                        <li>Computer stofvrij maken.</li>
                        <li>Computer formatteren en Windows herinstalleren.</li>
                        <li>Software (o.a. Microsoft Office, anti-virus, firewall, ...) herinstalleren.</li>
                        <li>Backup maken van alle bestanden.</li>
                    </ul>
                </li>
            </ul>

迷你昂德胡德酒店

计算机stofvrij maken


克莱恩·昂德胡德

计算机stofvrij maken
计算机控制恶意软件（病毒、间谍软件、广告软件、特洛伊木马等）
奥普瑞曼·范·昂诺迪奇软件公司（Opruimen van onnodige software en bestanden）
计算机控制


格罗特奥德胡德酒店

计算机stofvrij maken
计算机控制恶意软件（病毒、间谍软件、广告软件、特洛伊木马等）
奥普瑞曼·范·昂诺迪奇软件公司（Opruimen van onnodige software en bestanden）
计算机控制
备用马克恩·范阿勒·贝斯坦登


恩德胡德豪华酒店

计算机stofvrij maken
Windows安装中的计算机格式化程序
软件（o.a.微软办公软件、防病毒软件、防火墙等）安装
备用马克恩·范阿勒·贝斯坦登

如何在第一个li元素之间获得一些空白？所以，我需要Mini-onderhood和Klein-onderhood之间的空格，Klein-onderhood-en-Groot-onderhood之间的空格，等等。 我尝试使用br，但这不是XHTML1.1的严格要求。 还有其他解决办法吗

---

谢谢

用类名分配

元素

添加css样式：

li.spacing {
  margin-bottom: 10px;
}

---

用类名分配

元素

添加css样式：

li.spacing {
  margin-bottom: 10px;
}

---

使用css anc类-您可以将一类（比如“toplevel”）指定给您要指定间距的顶级

项，然后在css中有：

.toplevel li {margin:0 0 5px 0;}

---

使用css anc类-您可以将一类（比如“toplevel”）指定给您要指定间距的顶级

项，然后在css中有：

.toplevel li {margin:0 0 5px 0;}

---

如果我理解正确，您希望：

li { 
  margin-bottom: 1em; /* or what ever */
}

li li {
  margin-bottom: 0;
}

---

如果我理解正确，您希望：

li { 
  margin-bottom: 1em; /* or what ever */
}

li li {
  margin-bottom: 0;
}

将类添加到第一个（父）ul

然后添加一个css样式

ul.navi > li{
    margin-bottom:10px;
}

将类添加到第一个（父）ul

然后添加一个css样式

ul.navi > li{
    margin-bottom:10px;
}

好吧，这比我想象的要容易。非常感谢，先生@阿什温：看看其他答案，找到一个没有额外课程的解决方案。好吧，这比我想象的要容易。非常感谢，先生@Ashwin：查看其他答案，找到一个没有额外类的解决方案。这将设置所有
li
s的样式，而不仅仅是顶级的。这将设置所有
li
s的样式，而不仅仅是顶级的样式。>是一个子选择器，因此此规则只匹配“onderhood”元素。>是一个子选择器，因此此规则只匹配“onderhoud”元素。