Html 停用CSS样式

我正在处理此HTML文档，并应用CSS计数器，如下所示：

ol {
    list-style-type:none;
    counter-reset: nested;
}
li::before {
    counter-increment: nested;
    content: counters(nested, '.') '. ';
}

这允许我有类似（1.1，1.2…）的子列表

问题是网页布局正在web应用程序中应用于我的HTML文档，CSS样式将继续应用于该布局

是否有任何方法“告诉”它在到达

后停止应用其样式，以便无论将什么布局添加到我的文档中，它都将保持原样

---

如果需要更多信息，请告诉我。

您可以使用嵌套选择器将样式仅应用于所需的列表。e、 g.

.myList li:：before

你好。谢谢你的迅速回复。即使使用嵌套选择器，它也不会停止应用样式。我尝试了ID选择器{#counter_area}，然后标记了我希望样式由{任何代码进入}应用的部分。它仍然将样式应用于其余部分（它只是将计数器更改为1.1.1。）T。您可以添加一个类（如@gp.said），然后使用

element.classList.remove（'myList'）