Как определить источник наследования CSS?

До сих пор я могу только сказать, унаследовано ли свойство или нет, но мне нужно знать источник наследования (например, какой файл CSS вызвал окончательное значение?) это возможно?

Есть ли удобный инструмент для этого?

ИЗМЕНИТЬ

Вот что я получаю в chrome Computed Style (show inheritance) См. Свойство direction, нет информации о его источнике наследования enter image description here

Ответы

Ответ 1

Вы можете легко выполнить эту работу, используя Firebug в Firefox или Chrome Developer Tools.

Инструменты разработчика Chrome

Как показано на рисунке ниже.

enter image description here

Подробнее... Инструменты разработчика Chrome: стили элементов здесь

В Firebug

Как показано на рисунке ниже.

enter image description here

Подробнее... Разработка CSS здесь

Вы можете установить Fire Bug From Here

Обновление 1:

Вы можете найти его, просто щелкнув Show Inherited на панели Chrome computed style, как показано ниже.

enter image description here

Обновление 2:

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

P.S.. То же самое можно сделать с помощью хром-инструмента.

enter image description here

Ответ 2

Каскадный характер CSS делает браузер стилей в вкладке Элементов очень полезным, вы можете видеть отдельные стили и откуда они, вы также можете увидеть окончательный набор стилей после его вычисления и применения к элементу.

enter image description here

ИЗМЕНИТЬ

Вы можете ссылаться на свойство и его источник из вычисленной панели стиля

enter image description here

Ссылка