Как вы редактируете CSS в IE Developer Tools?


11

Я использую инструменты разработчика Internet Explorer, чтобы попытаться отладить проблему с веб-страницей.

Когда я выделяю элементы, CSS появляется справа, но я не могу добавить новые правила или правильно редактировать существующий CSS.

Пытаясь добавить свойство «display: block» к классу, я попытался отредактировать существующее правило, которое не имело значения (background-color: transparent), но как только я изменило его, правило исчезло!

Я что-то упускаю здесь?

Ответы:


15

Для быстрого добавления, чтобы проверить и увидеть эффект, я делаю это немного по-другому.

Выбрав вкладку HTML, выберите панель «Атрибуты» рядом со стилем, стилями трассировки и макетом.

Нажмите кнопку «+» и начните вводить стиль CSS, который вы хотите добавить. Новый атрибут стиля добавляется автоматически на панели просмотра DOM.

Надеюсь это поможет.


Иногда обновление страницы, которую вы просматриваете, занимает много времени. Может потребоваться нажать на разные элементы и вернуться к тому, который вы отредактировали, чтобы увидеть его изменение, по моему опыту
Дон Чидл

0

Убедитесь, что ваш CSS действителен или нет противоречивых правил - насколько я помню, в прошлый раз, когда я использовал IE Developer Tools, в некоторых ситуациях он сразу удалял как недействительные, так и неиспользуемые пользовательские теги.

Лично я теперь предпочитаю использовать Firebug в Firefox и инструменты разработки Chrome, встроенные в Chrome - у меня нет любимого приложения, но я считаю, что Firebug лучше для css / design и Chrome лучше для файлов cookie / скриптов и т. Д.


Проблема в том, что если я не могу добавить новое правило CSS, как я могу изменить правило, скажем, на то, background-color: transparentчтобы display: blockоно не было недействительным? Как только я наберу, displayIE считает, что правило - display: transparent- недействительно.
Рассерженная шлюха

: S Можете ли вы сначала удалить / отключить / сделать флажок на другом? (извините, забудьте, какой вариант вы получите)
Уильям Хилсум
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.