Javascript 重写.css样式表文件（非内联）

是否可以在不使用内联样式的情况下以某种方式覆盖默认（在本例中为液体）CSS样式表？ 此外，我希望该样式仅适用于该特定页面，而不适用于任何其他页面

是的，我可以使用

！重要信息

在该特定页面上的

标记内，但我需要重置很多内容。只是工作量太大了，看起来很凌乱

---

那么，有什么方法可以将所有元素重置为默认属性值，并在这一页上使用我自己的样式吗？

css代表级联样式表，因此一旦添加了样式，就只能使用其他样式来更改或删除它。要明确回答您的问题，您不能回答。或者如注释中所述，只需从特定页面删除样式表。

您不能修改

.css

文件，但可以使用

js

动态替换文件

function replaceFile(newFile, fileLink) {
    var oldcss = document.getElementsByTagName("link").item(fileLink);
    var newcss = document.createElement("link");
    newcss.setAttribute("rel", "stylesheet");
    newcss.setAttribute("type", "text/css");
    newcss.setAttribute("href", newFile);
    document.getElementsByTagName("head").item(0).replaceChild(newcss, oldcss);
}

另一个解决方案是使用

jQuery

或

js

添加所需的样式

$('.demo').css({'background-color':'red','color':'white');

---

您可以使用*选择包装内的所有元素，并覆盖：

例如：

.mylink{
颜色：红色；
}
.mylink:悬停{
颜色：黑色；
}
.重置*{
颜色：橙色；
}
.reset*：悬停{
颜色：银色；
}

这是未重置的链接：
这是带有重置的链接：

如果有选择的话，你就不能在特定的页面中使用你的css主文件。你的第一个解决方案是我想到的，但是我不知道liquid在渲染时是如何编译文件的，在这种特定情况下，我不确定它是否能工作。要访问liquid中的任何样式表，我在“index.liquid”

中执行此操作，因此我还需要呈现新的样式表，然后用新呈现的链接替换主题活动的样式表？对吗？