Почему google chrome dev tools не показывает стили элемента во вкладке properties?

Question

[vasya2004]

Доброго времени суток!
Столкнулся с проблемой, что в вкладке properties не показаны стили элементов, вообще ни единого(ни марджини, ни падинги, ни цвета). Хотя свойства задавал в css-файле и на самой странице все стили применяются. Интересно то, что если задавать стили напрямую в теге, то они показываются. Если через файл CSS, то нет. Выяснилось, что так происходит на любых сайтах.



Понятия не имею в чем проблема. Раньше такого не наблюдалось и теперь непонятно, как работать с JS

Comments

[Вадим]

Так а почему он должен показывать на вкладке свойств элемента то, что находится в файле стилей? Это разные сущности.
Есть DOM, а есть CSSOM. Да, CSSOM берёт в расчёт свойства элемента, но не наоборот.
Так вот на этой вкладке, по логике, должно показываться то, что указано в DOM.

[vasya2004]

Вадим, Спасибо большое за ответ! Странно, что это стало открытием для меня именно сейчас

Answer 1

[Lynn «Кофеман»]

Вам нужна вкладка Styles (первая на картинках).

А тут действительно показывается только то, что написано в атрибуте style="..."

Comments

[vasya2004]

Спасибо большое! Весь день сегодня не мог понять в чем проблема, а все оказалось намного прозаичнее