Как можно отключить все конкретные правила и свойства в стилях?

Question

[weranda]

Приветствую.
Есть таблица стилей, может быть, даже не одна, а десять. Пусть будет десять! Хотелось бы проверить как отображается сайт в браузере с тем или иным отключенным правилом. К примеру, во всех десяти файлах есть правила к разным блокам с различными свойствами типа flex элементов. Как их можно отключить так, чтобы не открывать все файлы и не удалять из них нужные правила?

Comments

[sergski]

откройте инспектор, выделите нужный блок, во вкладке Стили выведутся все стили, применяемые к нему, отключайте и смотрите

Answer 1

[Ankhena]

1. all:unset
или не all а только те свойства, которые нужно отключить.

2. На JS
перебираете все элементы, получаете у них display, если он содержит flex, то задаете другой display initial.

3. С помощью нормальной IDE делаете автозамену. В нормальной IDE не нужно для этого открывать все файлы.

Comments

[weranda]

Интересное "почти решение") Вот только не пойму как можно с помощью него можно отключить конкретное свойства (значение: свойство; color: red;). Оно отключает свойства, а как отменить значение — вопросище!

Но боюсь спрашивать зачем

В вопросе пояснил же)

P.S.
И еще раз поясню. Есть правило:
display: flex;
Оно состоит из свойство (display) и значения (flex). Есть с помощью unset я отключу свойство display, то отключатся даже те свойства, в которых есть и flex, и display и inline и пр., а хотелось бы как-то отключить, к примеру, только display: flex, не трогая правила со свойствами с другими значениями display: block, inline и пр. Такое достижимо?

[Ankhena]

weranda, на CSS только если вы будете указывать конкретные селекторы.
На JS проще.

[weranda]

Ankhena, селекторов довольно много. Указывать их все проблематично. А как сделать на JS — знаете?

[Ankhena]

weranda, перебираете все элементы, получаете у них display, если он содержит flex, то задаете другой display initial.
Всё.

[Ankhena]

weranda, Альтернативный вариант: сделать автозамену по всем файлам.
Заменить все inline-flex на одну переменную, flex на другую.
Потом можете менять переменные как душе угодно.

Но опять таки: зачем этот изврат?????

[weranda]

Ankhena, Прием, прием. В вопросе объяснил зачем это нужно.

[Ankhena]

weranda, вот ведь...
Вот именно что прием.
Да не тупите вы настолько-то..

Хотелось бы проверить как отображается сайт в браузере с тем или иным отключенным правилом.

Этот ☝ изврат зачем?

Как выглядит сайт в старых браузерах узнается путем открытия сайта в старом браузере, а не так как вы затеяли. Тем более, что у каких-то браузеров есть частичная поддержка флексов или частичная с префиксами. И отключение просто флекса не даст нужного представления.

Как выглядит сайт с другой цветовой схемой узнается путем ввода переменных, а не так как вы собираетесь это делать.

[weranda]

Ankhena,

Как выглядит сайт в старых браузерах узнается путем открытия сайта в старом браузере, а не так как вы затеяли.

Решил так попробовать.

[Ankhena]

weranda,

Решил так попробовать.

Так не получится. Выше объяснила почему.

[weranda]

Ankhena, Буду иметь ввиду. Спасибо.

[Ankhena]

weranda, не помогло?

[weranda]

Ankhena, пока не пробовал.