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

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

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

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

3 169
css google-chrome developer-tools web-inspector

3 ответа:

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

Chrome screenshot

249

вы можете просто посмотреть на те, с тем же именем, которые не вычеркнуты, помните, что список по важности.

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

6

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

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

3