Safari / Chrome Developer Tools отлаживают переопределения CSS

Question

Инструменты разработчика Safari / Chrome указывают, что правило CSS переопределяется чем-то другим, вычеркивая его, как показано на рисунке.

Иногда я нахожусь в ситуации, когда я не могу понять из файлов CSS, что вызывает игнорирование этого правила. Но, конечно, само Safari должно знать, как оно проходит через него.

Есть ли способ узнать, что отменяет такое правило?

Answer 1

Посмотрите на тот, который не вычеркнут, выше в списке.

Либо просмотрите вычисленные стили . Это будут окончательные прикладные стили.

Answer 2

Когда вы осматриваете элемент, вы можете показать «коробку».Внизу у вас есть «фильтр», который должен показывать вам все свойства, применяемые к вашему элементу.

Если вы щелкнете по свойству, он даст вам файл и номер строки.

Answer 3

Перейдите в Элементы >> Вычисленные, и вы получите таблицу стилей, которая определяет правило, которое вы ищете.

Answer 4

Инструменты разработчика перечисляют все правила для элемента. Просто прочитайте все правила CSS, которые применяются, и найдите однозначное правило с тем же именем.

Answer 5

Перейдите на вкладку Computed инструментов Chrome Developer.Найдите требуемый объект недвижимости и разверните детали.