В firebug, как мне узнать, все стили css применяются к определенному элементу?

StackOverflow https://stackoverflow.com/questions/150191

  •  02-07-2019
  •  | 
  •  

Вопрос

Я глубоко погружен во множество вложенных уровней css, и я не могу сказать, какой слой / уровень стиля портит мой дисплей.Как я могу узнать все, что применяется к определенному элементу?

Это было полезно?

Решение

Нажмите кнопку Проверить (вверху слева), чтобы выбрать элемент, который вы хотите проверить

затем на правой панели выберите вкладку с надписью "Стиль".Он также сообщит вам, из какого css-файла взято это конкретное свойство

Другие советы

Щелкните правой кнопкой мыши элемент и выберите "Проверить элемент", после чего вы должны увидеть элемент и все правила CSS, которые внесли в него свой вклад.Вы можете изменить правила, просто щелкнув и отредактировав значения, чтобы опробовать различные способы устранения проблем.

Используйте кнопку "Проверить".Нажмите на интересующий вас товар.С правой стороны Firebug показывает все стили элемента, а также файл + номер строки, из которых они были созданы.

Найдите стиль, который вы пытаетесь применить, и посмотрите, есть ли в нем штрихи.Если это так, то это переопределяется чем-то более высоким в иерархии.

Теперь вам нужно решить, как вы хотите это решить.Либо сделав вашу запись css более специфичной для рассматриваемого элемента, либо изменив ваши стили каким-либо другим способом.

на вкладке "CSS" нажмите "Проверить", а затем щелкните по элементу.Все примененные стили (и их происхождение) будут показаны с правой стороны.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top