Firefox和Chrome的CSS选择器扩展

时间:2013-10-21 12:09:10

标签: html css google-chrome firefox firebug

我正在使用asp.net页面并且它已将css应用于不同的控件。我想访问gridview中的控件并将设计应用于它。我安装了firebug,但我不知道怎样才能知道用于特定控件的选择器。在firebug中是否有任何选项可供我点击控件,它告诉我如何访问此控件(一次控制的不同选择器),如

.gridview thead th

or

.gridview img

如何在Chrome开发者工具中使用它?是否有可用的Firebug / chrome扩展名?

请建议。

2 个答案:

答案 0 :(得分:0)

这是一个相当模糊的问题,因为有许多CSS选择器匹配给定的元素;其中一些也与其他类似元素相匹配......

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

答案 1 :(得分:0)

右键单击要编辑的特定元素,然后单击“Inspect Element”,它将显示在chrome firebug左下角选择的元素的HTML,在左侧将显示element.style {}您可以在哪里通过将您的样式放在花括号中来构造该元素。并且您还可以在左侧选定的部分中找到该类用于相同元素。