Как переопределить main.css альтернативной таблицей стилей?

Question

Как переопределить main.css альтернативной таблицей стилей?

0

У меня есть main.css с 550 строк. Теоретически я хотел бы создать альтернативную таблицу стилей для пользователей с ослабленным зрением. Проблема заключается в том, что contrast.css содержит только 4 строки:

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

Таким образом, теперь он переопределяет цвет фона и цвет текста в теле, но только ту часть. У меня есть фоновые изображения, пограничные изображения, и все одинаково, потому что оно не отключает другие части main.css. Как отключить main.css? Я не хочу размещать кнопку или ссылку или что-то на странице, в firefox есть опция для переключения между таблицами стилей. Как я могу сделать это только с помощью CSS?

darksoul90 10 апр. 2014, в 22:26

Источник

0

Если страница ссылается на классы в main.css что эти элементы будут использовать, если вы отключите ее?
Yuriy Galanter 10 апр. 2014, в 19:34
0

Вы говорите об альтернативном CSS, вы хотите только эти 4 строки CSS (и игнорируете все предыдущие 550?)
DA. 10 апр. 2014, в 19:36
0

Вы можете отключить другой файл CSS с помощью JavaScript, установив атрибут disabled в <link> . Глянь сюда
Kimmax 10 апр. 2014, в 19:40
0

@Kimmax Не работает, когда пользователь переключается в Firefox между двумя таблицами стилей Переключатель Firefox
darksoul90 10 апр. 2014, в 19:49
0

@DA. Да, но я думаю, что это невозможно только с 4 строками, поэтому я жду отличной идеи, которая покажет мне, как переопределить, сбросить или проигнорировать или заставить другие части main.css исчезнуть.
darksoul90 10 апр. 2014, в 19:55
0

Если вы хотите отключить весь файл CSS, вам нужно использовать JavaScript, чтобы «отсоединить» его от страницы. Я напишу ответ.
DA. 10 апр. 2014, в 20:28
0

На самом деле, это уже достаточно хорошо задокументировано. Просто Google "Swap CSS файл с JS" для примеров. Вот один из них: thesitewizard.com/javascripts/change-style-sheets.shtml
DA. 10 апр. 2014, в 20:30

Показать ещё 5 комментариев

Теги:

html

css

css3

1 ответ

Ещё вопросы

Если страница ссылается на классы в main.css что эти элементы будут использовать, если вы отключите ее?
Вы говорите об альтернативном CSS, вы хотите только эти 4 строки CSS (и игнорируете все предыдущие 550?)
Вы можете отключить другой файл CSS с помощью JavaScript, установив атрибут disabled в <link> . Глянь сюда
@Kimmax Не работает, когда пользователь переключается в Firefox между двумя таблицами стилей Переключатель Firefox
@DA. Да, но я думаю, что это невозможно только с 4 строками, поэтому я жду отличной идеи, которая покажет мне, как переопределить, сбросить или проигнорировать или заставить другие части main.css исчезнуть.
Если вы хотите отключить весь файл CSS, вам нужно использовать JavaScript, чтобы «отсоединить» его от страницы. Я напишу ответ.
На самом деле, это уже достаточно хорошо задокументировано. Просто Google "Swap CSS файл с JS" для примеров. Вот один из них: thesitewizard.com/javascripts/change-style-sheets.shtml

ramesh · Answer 1 · 2014-04-10T17-38-00.000Z

Я исхожу из предположения, что пользователь может выбрать вид вида одним нажатием кнопки. В этом случае вы можете использовать Js для добавления класса или удаления класса из элемента body. Таким образом, вы планируете следующее:

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

Это может быть ваша базовая настройка и использовать значение по умолчанию в качестве префикса (своего рода) для всех ваших стилей по умолчанию, то есть .default.background{}

Если пользователь выбирает просмотр в режиме с ослабленным зрением, удалите класс нажатием кнопки. Стили для слабовидящего режима будут .background{}. Таким образом, вам не нужны два набора таблиц стилей, но они будут иметь одинаковый результат.

Удаление каждого класса, селектора типа и идентификатора невозможно.
Я не уверен, что получаю тебя. Вы имеете в виду, что main.css не редактируется? Вы только удаляете класс по умолчанию из тела. Если удалить .default, все стили, начинающиеся с класса .default, будут игнорироваться, и у вас останутся стили для слабовидящих (которые были переписаны стилями по умолчанию).
@ darksoul90 вот codepen, который я сделал, чтобы показать, что я имею в виду: codepen.io/nighrage/pen/oaFpG . Это то, что вы ищете?
Да, я неправильно понял. Следующий вопрос: как вы узнаете, когда пользователь переключается в Firefox между таблицами стилей? Переключатель таблиц стилей Firefox
Если вы хотите поддерживать Firefox, вы можете добавить дополнительную таблицу стилей без стилей для слабовидящих. Я считаю, что эта функциональность существует только в Firefox. Поскольку это будет небольшой файл, это не должно быть проблемой.
Это будет работать, за исключением того, что вам придется предварять все ваши селекторы CSS определенным классом, который будет немного грязным.
Да, это правда, но если вы используете возвышенное, вы можете легко достичь youtube.com/watch?v=0ZnVBVaQpWs . Да, это грязно, но это простое решение, которое будет работать.