Firefox 和 chrome 的 CSS 选择器扩展答案

【问题标题】：CSS selector extension for Firefox and chromeFirefox 和 chrome 的 CSS 选择器扩展
【发布时间】：2015-05-29 01:49:54
【问题描述】：

我正在处理 asp.net 页面，它已将 css 应用于不同的控件。我想访问 gridview 中的控件并对其应用设计。我安装了萤火虫，但我不知道如何知道要为特定控件使用什么选择器。萤火虫中是否有任何选项可以让我单击控件，它会告诉我如何访问该控件（一次控件的不同选择器），例如

.gridview thead th

or

.gridview img

如何在 chrome 开发者工具中使用它？是否有任何 Firebug/chrome 扩展可用于此？

请提出建议。

【问题讨论】：

【解决方案1】：

这是一个相当模糊的问题，因为有很多 CSS 选择器可以匹配给定的元素；其中一些还匹配其他类似的元素...

也就是说，从 Firebug 中的元素获取选择器的一种方法是右键单击它并选择“复制 CSS 路径”，另一种方法是复制由“添加规则...”给出的自动填充值样式侧面板。

【讨论】：

【解决方案2】：

右键单击您要编辑的特定元素，然后单击“检查元素”，它将显示在 chrome firebug 左下角选择的该元素的 HTML，并在左侧显示element.style {}，您可以在其中设置样式通过将样式放在大括号内来元素。并且您还可以在左侧选定部分中找到适用于相同元素的该类。

【讨论】：