Систематически разрешать конфликтующие стили в CSS

Question

В моем веб-проекте есть несколько таблиц стилей из разных источников. Я хочу гармонизировать их. Некоторые стили мне нужны от одного, некоторые от другого. Есть ли инструмент или метод, как систематически разрешать конфликты стилей? Я попробовал инструмент разработчика IE8, и да, есть возможность просматривать конфликты на уровне каждого элемента. Но у меня много элементов, поэтому, если я делаю это поэлементно, я думаю, это займет слишком много времени Теоретически может быть инструмент, который показывает конфликты двух CSS-файлов во время разработки?!? Я думаю, это сэкономило бы мне много времени.

Answer 1

Вы пробовали это расширение Firefox? https://addons.mozilla.org/en-US/firefox/addon/5392 Это значительно упрощает удаление избыточных стилей.

В противном случае, я бы, вероятно, сложил все стили в один файл, пытаясь сгруппировать похожие правила, а затем использовал бы Dust-Me, чтобы удалить неиспользуемые.

Answer 2

У CSS нет конфликтов, есть каскады. Идея состоит в том, что вы МОЖЕТЕ определить несколько правил, которые применяются к одним и тем же элементам, и порядок, в котором вы размещаете стили, отражает важность - то есть, если он появится последним, он переопределит предыдущие правила, если есть что-то, что вы описываете как конфликт. 1001 *

Вы должны либо ...

1) Решите, какая таблица стилей является наиболее важной, и поместите ее второй

OR

2) Перепишите свои стили, чтобы избежать беспорядка

OR

3) Отметить важные правила как! ВАЖНО

Answer 3

Если вы просматриваете сайт в FireFox и используете расширение Firebug, вы можете просмотреть каждый элемент на отображаемой странице, а с помощью вкладки «CSS» в Firefox вы можете увидеть каскад правил стиля, которыеприменяется к этому элементу, и из какого исходного файла CSS каждый пришел.Он также покажет вам, какие правила переопределяются.

Это полезно при определении того, откуда поступает каждое конкретное правило и что переопределяется.

У вас все еще есть задача«Рационализация» ваших таблиц стилей, и могут быть другие инструменты, которые могут помочь в этом.