Мне было интересно, знал ли кто-нибудь об инструменте, который будет иметься при задании нескольких правил css/css и selector - classname, id, element и т. Д. Верните все стили, которые применяются с их порядком приоритета.Определить приоритет CSS-кода
Я не могу это сделать с помощью JavaScript - я могу получить правила css, применимые к элементу в то время, но могу ли я получить те, которые были переопределены?
Если вы не ищете что-то вы можете автоматизировать, Firebug должен действительно решить этот вопрос для вас. Подведите контекстное меню (щелкните правой кнопкой мыши) по элементу в темпе, выберите «Осмотреть элемент» и появится панель Firebug. В правой части, вы получили все правила CSS, имеющее значение для элемента - те, которые перекрываются отмечены перечеркнутым текст:
В Firebug вы можете увидеть все квалифицированные стили для любого элемента. Он позволяет отслеживать порядок приоритета, но требует использования Firefox.
(Представление изображение на странице Firebug фактически показывает это поведение. Обратите внимание, что font-size для селектора h1 был отменен более конкретным .siteTitle селектором класса.)
Try любой панели инструментов разработчика для IEXPLORER или Firefox. Большинство из них смогут точно показать, какой стиль будет применяться к элементам. Я понимаю, что Firebug (addin для Mozilla Firefox) может показать, какие стили будут применяться, и где они будут перезаписаны другими стилями. Удачи ;). edit: IE Developer Toolbar также имеет эту функциональность.
Я бы предпочел автоматизировать, но, очевидно, Firebug показывает, что это возможно в некотором роде ... спасибо, я запускаю Firebug здесь, но я не понял, что он показал удаленные стили. Знаете ли вы, если заказ отображается по приоритету? – user254694
«Firebug показывает вам правила, которые каскадом объединяются для стилизации каждого элемента. Правила сортируются в порядке очередности, а свойства, которые были переопределены, вычеркнуты». от http://getfirebug.com/css.html –