Систематически разрешать противоречивые стили в CSS

StackOverflow https://stackoverflow.com/questions/2788466

  •  04-10-2019
  •  | 
  •  

Вопрос

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

Это было полезно?

Решение

Вы пробовали это расширение Firefox? Селектор понижает меня http://www.brothercake.com/dustmeselectors/ Это делает удаление избыточных стилей намного проще.

В противном случае я бы, наверное, всплывающую все стили в один файл, пытаясь объединить подобные правила, а затем использовать пыль-мной, чтобы удалить неиспользованные.

Другие советы

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

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

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

ИЛИ

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

ИЛИ

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top