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

Question

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

Answer 1

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

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

Answer 2

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

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

1) Определите, какие таблицы стилей является наиболее важным и положить его второй

ИЛИ

2) Перепишите свои стили, чтобы избежать путаницы

ИЛИ

3) Все важные правила, как важно!

Answer 3

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

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

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