Узнайте, почему правило CSS "отключено" - PullRequest
4 голосов
/ 06 декабря 2011

У меня есть файл CSS, который я не пишу, но я должен что-то изменить. Моя проблема в такой строке:

list-style-image: url("../images/pfeil.png");

Путь к изображению правильный, но он не отображается. Я использовал Firebug, чтобы проверить, какие стили применяются, и я вижу, что линия обводится. Согласно документации это означает, что она перезаписана другим правилом.

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

Ответы [ 2 ]

1 голос
/ 06 декабря 2011

Откройте вашу страницу в Chrome, нажмите Ctrl, сдвиньте I, чтобы открыть консоль разработчика.Справа должна быть гармошка с одним из вариантов «Компьютерный стиль».Откройте его, нажмите «Показать наследуемый», найдите интересующий вас параметр, нажмите на маленькую стрелочку рядом с ним, и он должен открыться и сообщить вам, откуда исходит вычисленный параметр.Дайте мне знать, если это поможет вам.

1 голос
/ 06 декабря 2011

Они не отключены. Эти записи обозначают их как сбрасываемые или перезаписываемые более новым правилом (например, загруженным после этой таблицы стилей).

Стили CSS загружаются в порядке включения на html-странице, а встроенные стили имеют приоритет над определениями листа CSS.

Firebug покажет вам, какой из них перезаписал этот, если вы просто просмотрите все CSS, действующие на этот элемент. Просто найдите любой другой list-style-image: в списке.

...