Многие инструменты /API предоставляют способы выбора элементов определенных классов или идентификаторов. Также можно проверить загруженные браузером исходные таблицы стилей.
Однако, чтобы браузеры отображали элемент, они собирают все правила CSS (возможно, из разных файлов стилей) и применяют его к элементу. Это то, что вы видите с Firebug или WebKit Inspector - полное дерево наследования CSS для элемента.
Как я могу воспроизвести эту функцию в чистом JavaScript, не требуя дополнительных плагинов для браузера?
Возможно, пример может дать некоторые пояснения к тому, что я ищу:
<style type="text/css">
p { color :red; }
#description { font-size: 20px; }
</style>
<p id="description">Lorem ipsum</p>
Здесь элемент описания p # имеет два правила CSS: красный цвет и размер шрифта 20 px.
Я хотел бы найти источник, откуда берутся эти вычисленные правила CSS (цвет входит в правило p и т.д.).