[英]How to override main.css with an alternate stylesheet?
我有一個550行的main.css。 從理論上講，我想為視障用戶創建替代樣式表。 問題在於，contrast.css僅包含4行：
body{
background-color:#000;
color:#ff0;
}
因此，現在它覆蓋了正文中的背景色和文本色，但僅覆蓋了該部分。 我有背景圖像，邊框圖像，並且所有內容都是相同的，因為它不會禁用main.css的其他部分。 如何禁用main.css？ 我不想在頁面上放置按鈕，鏈接或其他東西，在firefox中，有一個選項可以在樣式表之間進行切換。 我怎么只能用CSS做到這一點？
我假設用戶能夠通過單擊按鈕來選擇視圖的種類。 在這種情況下，您可以使用Js在body元素中添加類或刪除類。 因此，您的布局將如下所示：
<body class="default">
....
</body>
這可能是您的基本設置，並將默認類用作所有默認樣式的前綴（某種），即.default.background{}
如果用戶選擇以視覺障礙者模式查看，則單擊該按鈕即可刪除該類。 視障人士模式的樣式為.background{} 。 這樣，您將不需要兩組樣式表，但可以獲得相同的結果。
<link rel=“stylesheet” type=“text/css” href=“main.css”/>不工作
[英]<link rel=“stylesheet” type=“text/css” href=“main.css”/> Did not work
Animate.css和main.css文件的排列是否影響功能
[英]Is arrangement of Animate.css and main.css files affecting functionality
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.