Html 如何使用备用样式表覆盖main.css？_Html_Css

Html 如何使用备用样式表覆盖main.css？

html css

Html 如何使用备用样式表覆盖main.css？,html,css,Html,Css,我有一个main.css，有550行。理论上，我想为视障用户创建一个替代样式表。问题是，contrast.css仅包含4行： body{ background-color:#000; color:#ff0; } 因此，现在它将覆盖主体中的背景色和文本颜色，但仅覆盖该部分。我有背景图片，边框图片，所有的东西都是一样的，因为它没有禁用main.css的其他部分。如何禁用main.css？我不想在页面上放置按钮、链接或其他东西，在firefox中有一个在样式表之间切换的选项。如何仅使用CSS才能做到

我有一个main.css，有550行。理论上，我想为视障用户创建一个替代样式表。问题是，contrast.css仅包含4行：

body{
background-color:#000;
color:#ff0;
}

因此，现在它将覆盖主体中的背景色和文本颜色，但仅覆盖该部分。我有背景图片，边框图片，所有的东西都是一样的，因为它没有禁用main.css的其他部分。如何禁用main.css？我不想在页面上放置按钮、链接或其他东西，在firefox中有一个在样式表之间切换的选项。如何仅使用CSS才能做到这一点？

我假设用户可以通过单击按钮来选择视图类型。在这种情况下，您可以使用Js添加类或从body元素中删除类。因此，您的布局将如下所示：

    <body class="default">
       ....
    </body>


....

这可能是您的基本设置，并使用类default作为所有默认样式的前缀（排序），即

.default.background{}

如果用户选择在视障模式下查看，单击按钮即可删除该类。视障模式的样式将为

.background{}

。这样，您就不需要两组样式表，但可以获得相同的结果。

如果页面引用

main.css

中的类，如果禁用这些元素，这些元素会使用什么？您是说，对于备选css，您只需要这4行css（忽略前面550行的全部内容？）通过在

标记上设置

disabled

属性，可以在JavaScript的帮助下禁用另一个CSS文件@当用户在firefox中的两个样式表@DA之间切换时，它不起作用。是的，但我认为只有4行是不可能的，所以我在等待一个好主意，告诉我如何重写、重置、忽略或使main.css的其他部分消失。删除每个类、类型选择器和id是不可能的。我不确定是否能帮到你。你的意思是main.css不可编辑吗？只能从主体中删除类默认值。如果删除.default，则以class.default开头的所有样式都将被忽略，留给您的是视障人士的样式（已被默认样式覆盖）。@darksoul90这里是我模拟的代码笔，向您展示了我的意思：。这是你要找的东西？是的，我误解了。下一个问题是：您如何知道用户在firefox中何时在样式表之间切换？如果您想支持firefox，那么您可以添加一个附加的样式表，其中包含针对视力受损者的样式。我相信这个功能只存在于firefox中。因为它将是一个小文件，所以它不应该是一个问题。