Html CSS在CodePen中工作，但在我将其复制到编辑器时不工作

这是我从CodePen得到的一个小代码片段。不幸的是，当我复制并尝试使用它时，这似乎不起作用。有什么我遗漏的吗？如何使此代码在编辑器和浏览器中工作

ul {
     margin: 0;
     padding: 0;

     li {
        list-style: none;
     }
}

还有，这和

ul {
     margin: 0;
     padding: 0;
}
ul li {
    list-style: none;
 }

---

注：这只是一个非常简单的例子。真正的代码有很多这样的“嵌套”选择器。（最多5个“嵌套”选择器）

您所问的第一个代码段（使用这些嵌套选择器）不是CSS

它可能与第二个代码段中的CSS类似，但要做到这一点，您需要使用预处理器，如SASS/LESS/SCSS/etc，它们使用简化的语法来呈现CSS

如果你环顾四周，你会发现你提到的代码笔中使用了什么预处理器

最有可能是因为在第一个示例中是SASS类型的CSS，它在CodePen中自动编译，但在您的IDE中它不是

第二个例子是纯CSS，所以如果您想让这些代码段开始工作，您需要去掉所有嵌套的属性，或者只是将SASS编译为CSS

或者附加要复制的完整代码段

---

为了回答你的问题，我们需要更多的信息。你能展示一下你的HTML代码吗？我只是想知道这么简单的问题的解决方案。如果我知道如何解决这么小的问题，那么我就能自己解决这个错误。此外，HTML代码大约有200行代码。只需要往正确的方向推一下。