Css 不显示HTML列表

我正在用html制作一个可编辑和可打印的表单，以生成发票和我们的条款和条件等文档。这是为了我的一点小生意。我以为我都说对了，但是

HTML:

当我编写表单的这一部分（列表）时，当我在Google Chrome中本地打开它时，它显示得非常完美：

但当我将其上传到我的Web服务器并在线查看该页面时（仍在谷歌Chrome中），所有的标记都消失了：

---

出了什么问题？

此问题只有两个可能的原因：

CSS文件未正确包含

您可以替代样式，尝试使用更具体的选择器或消除替代

最后一个更可能，因为标题看起来也不同

---

编辑：此外，如果

列表样式位置

设置为

外部

，则将

列表样式类型

应用于ul并确保其具有一些填充（请查看此提琴：）。这可以通过CSS重置来完成，您只能在线使用。

您需要提供更多的代码。是否确实正确调用了样式表？页面的其余部分显示得很好，因此样式表正常工作。这只是这一小部分，所以我只展示了这一部分。我还应该包括什么呢？你把CSS文件和HTML一起上传了吗？HTML中对CSS文件的引用是否仍然正确？您也可以尝试将CCS代码内联到HTML文件中，以帮助确定问题所在。可能您忘记更新从本地到远程服务器的CSS路径？您可能在前一行中覆盖了CSS？谢谢！这把css搞砸了，它没有继承样式。风格定位：外面也是需要的！多亏了afpel，它现在开始工作了。这一切都是在CSS编码。列表、标题和文本都包含在一个分区中，带有类选择器.text。我用这个来格式化文本。但是这个div中的元素没有继承这个样式。所以我做了特定的选择器：.text、.text span、.text div、.text li{font size:14px；font-weight:400；line-height:16px；}我还需要添加样式位置声明：.text li{margin left:25px；list-style-position:outside}谢谢！

<h1>Artikel 1</h1>
Spotlight Student gaat akkoord met de levering van diensten voor de klant in de volgende vorm:<br><br>
<ul>
   <li>Gelegenheid: <span contenteditable>Evenement</span></li>
   <li>Datum: <span contenteditable>Datum van evenement</span></li>
   <li>Tijd: <span contenteditable>Tijd van aankomst</span></li>
   <li>Locatie: <span contenteditable>Adres Locatie</span></li>
   <li>Geleverde dienst: <span contenteditable>Overeengekomen dienst</span></li>                
</ul>

li { margin-left: 25px; list-style-type: square;}