определить приоритет стиля CSS

Question

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

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

Answer 1

В Firebug вы можете увидеть все подходящие стили для любого элемента. Он позволяет вам отслеживать порядок приоритетов, но требует использования Firefox.

(Изображение презентации на странице Firebug фактически показывает это поведение. Обратите внимание, что font-size для селектора h1 был переопределен более конкретным селектором класса .siteTitle.)

Answer 2

Если вы не ищете что-то, что вы можете автоматизировать, Firebug должен действительно решить это за вас.Откройте контекстное меню (щелкните правой кнопкой мыши) на элементе темпа, выберите «Проверить элемент» и откроется панель Firebug.В правой части вы получили все CSS-правила, относящиеся к элементу - те, которые переопределяются, помечаются зачеркнутым текстом:

_{(источник: getfirebug.com )}

Answer 3

Попробуйте любую панель инструментов разработчика для Iexplorer или Firefox.Большинство из них смогут точно показать, какой стиль будет применяться к элементам.Я считаю, что, например, Firebug (надстройка для Mozilla Firefox) может показать, какие стили будут применены и где они будут перезаписаны другими стилями.Удачи ;).редактировать: IE Developer Toolbar также имеет эту функцию.