Как узнать, откуда взялся стиль элемента веб-страницы ASP .Net?
https://stackoverflow.com/questions/54337
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
У меня затруднительное положение.Мое веб-приложение (C#, .Net 3.0 и т. д.) имеет темы, таблицы CSS и, конечно же, встроенные определения стилей.Многие повара добавляют что-то в суп.Неудивительно, что все это приводит к тому, что мои страницы иногда имеют причудливый стиль.
Я уверен, что все эти стили применяются иерархически (хотя я не уверен в таком порядке).Проблема в том, что каждый стиль применяется как «прозрачный» слой, который просто маскирует то, что он применяет.Я считаю, что это хорошая идея, поскольку вы можете указать стили в целом, а затем при необходимости использовать отдельные стили.К сожалению, я не могу сказать, из какого слоя на самом деле появился этот стиль.
Я мог бы решить эту проблему, явно выразив стиль на всех уровнях, но это становится громоздким и сложным в управлении, а страницы работают в 80% случаев.Мне просто нужно выяснить, откуда взялись эти беличьи 20%.
Решение
ИМХО, Firebug будет вашим лучшим выбором.Он сообщит вам, из какого файла взят стиль, и вы сможете щелкнуть имя файла, чтобы мгновенно перейти к соответствующей строке файла.
Примечание:Вы можете ударить Ctrl+сдвиг+С на любой странице, чтобы выбрать и проверить элемент с помощью мыши.
Другие советы
Вот краткий скриншот того, как использовать Firebug, чтобы узнать, откуда элемент получает свой стиль.
в Firefox используйте инспектор DOM, Firebug или проверьте это.
в IE используйте панель инструментов разработчика IE (или, может быть, лучше, Фаербаг Лайт)
В Google Chrome используйте встроенную функцию «проверить элемент».
Используя Панель инструментов разработчика IE вы можете выбрать элемент (либо «Выбрать элемент щелчком», либо щелкнуть его узел в дереве DOM), а на панели «Текущий стиль» щелкнуть правой кнопкой мыши строку и выбрать «Стиль трассировки».
Остальные инструменты имеют аналогичную функцию.
Ключом к решению сложной проблемы CSS является выяснение причины странного внешнего вида.Самый простой способ найти — выборочно комментировать таблицы стилей, пока не найдете ту, где закомментирование решит проблему.Затем включите таблицу стилей и выборочно закомментируйте правила, пока не найдете то, которое вызывает проблему.Если вам нужно знать, что имеет приоритет над чем, детали каскада в CSS подробно описаны.здесь и в отличие от реализации отдельных правил, это достаточно единообразно для всех браузеров.
Однако гораздо лучше, если вы полностью избежите встроенных стилей и будете иметь набор хорошо продуманных таблиц стилей, каждая из которых имеет логическую функцию и все правила которой вы понимаете.по той же причине вы не размещаете свой серверный код в случайных файлах в случайном порядке - нас
