Как узнать, откуда появился стиль для элемента веб-страницы ASP .Net?

Question

У меня есть затруднение. Мое веб-приложение (C #, .Net 3.0 и т. Д.) Содержит темы, таблицы CSS и, конечно же, определения встроенных стилей. Теперь это много поваров, добавляющих вещи в суп. Неудивительно, что все это приводит к тому, что на моих страницах иногда появляются причудливые стили.

Я уверен, что все эти стили применяются в иерархическом методе (хотя я не уверен в этом порядке). Проблема в том, что каждый стиль применяется как «прозрачный» слой, который просто маскирует то, что он применяет. Я считаю, что это хорошая идея, так как вы можете указать стили для всего, а затем использовать их по мере необходимости. К сожалению, я не могу сказать, из какого слоя был получен стиль.

Я мог бы решить эту проблему путем явного выражения стиля на всех слоях, но это становится громоздким и сложным в управлении, и страницы (страницы) работают в 80% случаев. Мне просто нужно выяснить, откуда появились эти белки 20%.

Answer 1

ИМХО, Firebug будет вашим лучшим выбором. Он сообщит вам, из какого файла получен стиль, и вы можете щелкнуть по имени файла, которое будет немедленно перенесено на соответствующую строку в файле.

Примечание: вы можете нажать ctrl + shift + C на любой странице, чтобы выбрать и проверить элемент с помощью мыши.

Answer 2

Вот краткий обзор того, как использовать Firebug, чтобы узнать, откуда элемент получает свой стиль.

http://screencast.com/t/oFpuDUoJ0

Answer 3

Используя IE Developer Toolbar , вы можете выбрать элемент (либо «Выбрать элемент щелчком мыши», либо щелкнув по его узлу в представлении дерева DOM), а затем на панели «Текущий стиль» щелкнуть правой кнопкой мыши и выберите «Стиль трассировки».

Другие инструменты имеют аналогичную функцию.

Answer 4

в Firefox используйте инспектор DOM, firebug или проверьте это.
в IE используйте панель инструментов разработчика IE (или, может быть, лучше, Firebug Lite )
В Google Chrome используйте встроенную функцию проверки элемента

Answer 5

Ключом к решению сложной проблемы CSS является выяснение причин, вызывающих странное появление. Самый простой способ найти - это выборочно комментировать таблицы стилей, пока вы не найдете тот, где комментирование устраняет проблему. Затем включите таблицу стилей и выборочно закомментируйте правила, пока не найдете тот, который вызывает проблему. Если вам нужно знать, что имеет приоритет перед чем, подробности каскада в CSS подробно здесь и, в отличие от реализации отдельных правил, это довольно согласованно для всех браузеров.

Однако, гораздо лучше, если вы полностью избегаете встроенных стилей и имеете набор хорошо разработанных таблиц стилей, каждая из которых имеет логическую функцию и все правила которой вы понимаете. по той же причине, по которой вы не размещаете серверный код в случайном порядке в случайных файлах - us