Расширение селектора CSS для Firefox и Chrome

Question

Расширение селектора CSS для Firefox и Chrome

0

Я работаю над страницей asp.net, и она использует css для разных элементов управления. Я хочу получить доступ к элементам управления в gridview и применить к нему дизайн. У меня установлен firebug, но я не знаю, как я могу узнать, какой селектор использовать для определенного элемента управления. Есть ли какой-либо вариант в firebug, с помощью которого я могу щелкнуть элемент управления, и он сообщает мне, как получить доступ к этому элементу управления (разные селекторы для управления), например

.gridview thead th

or

.gridview img

Как к этому в хром инструменты для разработчиков? Существует ли для этого расширение Firebug/chrome?

Пожалуйста, предложите.

DotnetSparrow 21 окт. 2013, в 14:25

Источник

0

Chrome имеет плагин отладчика. Просто щелкните правой кнопкой мыши> проверить элемент
Dale 21 окт. 2013, в 12:11
0

да, но это не показывает, что является селектором для текущего выбранного элемента
DotnetSparrow 21 окт. 2013, в 12:13
0

Это происходит в нижней части ваших developertools, во вкладках синий - это элемент, который вы выбираете, те, что до того, как родители, вы можете легко создать селектор из этого
Henk Jansen 21 окт. 2013, в 12:59

Показать ещё 1 комментарий

Теги:

html

css

google-chrome

firefox

firebug

2 ответа

0

Щелкните правой кнопкой мыши на этом конкретном элементе, который вы хотите отредактировать, а затем нажмите "Осмотреть элемент", он покажет HTML-код этого элемента, выбранного в левом нижнем углу хромированного firebug, и в левой части отобразит element.style {} где вы можете element.style {} этот элемент путем размещения ваших стилей внутри фигурных скобок. и вы также можете найти этот класс для одного элемента в левой выбранной части.

Minder Saini 21 окт. 2013, в 10:40

Ещё вопросы

Chrome имеет плагин отладчика. Просто щелкните правой кнопкой мыши> проверить элемент
да, но это не показывает, что является селектором для текущего выбранного элемента
Это происходит в нижней части ваших developertools, во вкладках синий - это элемент, который вы выбираете, те, что до того, как родители, вы можете легко создать селектор из этого

Simon Lindholm · Accepted Answer · 2013-10-21T10-55-00.000Z

Это довольно неопределенный вопрос, потому что есть много селекторов CSS, которые соответствуют данному элементу; некоторые из них также соответствуют другим подобным элементам...

Тем не менее, один из способов получения селектора из элемента Firebug - это щелкнуть его правой кнопкой мыши и выбрать "Копировать CSS-путь", а другой - скопировать значение автозаполнения, указанное "Добавить правило..." на боковой панели "Стиль",