Инструменты разработчика Chrome: как узнать, что переопределяет правило CSS?

Хорошо, это довольно просто. Если Chrome Developer Tools показывает мне, что стиль переопределен, как увидеть, что правило CSS переопределяет его?

Я хочу знать, есть ли что-нибудь вроде "Покажите мне, что переопределяет это".

OBS: Пожалуйста, не указывайте мне Firebug.

Ответ 1

Используйте панель Вычисленный стиль инспектора элементов. Разверните интересующее свойство, чтобы просмотреть список применимых правил, и который выиграл.

Chrome screenshot

Ответ 2

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

Или вы можете просмотреть вычисленные стили. Они будут фактически примененными стилями.

Ответ 3

crtrl + shift + c и проверить элемент. Затем найдите стиль без линии через него, в поле в правом нижнем углу.

переопределение в большинстве случаев происходит сверху (и без линии через него, так как этот стиль является "выигрывающим" ).