Question

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

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

所以现在它会覆盖正文中的背景颜色和文本颜色，但只覆盖那部分。我有背景图像，边框图像和一切都是一样的，因为它不会禁用main.css的其他部分。如何禁用main.css？我不想在页面上放置按钮或链接或其他东西，在firefox中有一个在样式表之间切换的选项。我怎么能用CSS做到这一点？

Answer 1

我假设用户只需点击一下按钮即可选择视图。在这种情况下，您可以使用Js添加类或从body元素中删除类。所以你布局将是这样的：

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

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

如果用户选择在视障人士模式下查看，请在单击该按钮时删除该课程。视障人士模式的风格为.background{}。这样你就不需要两套样式表，但可以获得相同的结果。