CSS选择器选择器/查找器？

Question

任何人都知道一个工具/ Firefox插件，它允许我点击页面中的DOM对象并给我设置该元素样式所需的CSS继承吗？

因此，如果有一堆嵌套元素，那么我的CSS应该如何设置所述元素的样式？

Answer 1

此Web Developer扩展程序也非常出色。快捷方式是Ctrl+Shift+F以激活点击界面...单击任何元素以查看完整的继承树。

Answer 2

Firebug将显示任何元素的完整路径（在HTML标签上），但它不会自动生成CSS选择器。

Answer 3

查看firequark ..它是firebug的扩展，为单个或多个html节点提取css选择器

Answer 4

没有一种方法可以创建选择器。最终，为你的选择者做一个完整的祖先链是一个麻烦，因为每当你的文档结构发生变化时，你的选择器就会中断。我的经验法则是对文档中的单个元素使用#id选择器（即#mainNav或#content）和.class选择器，用于重复或混合的元素（即.menuItem，.external） ）。

Answer 5

你想要Firebug。

安装后，您可以右键单击页面中的任何元素，然后从上下文菜单中选择“检查元素”。这显示了您需要了解的有关该元素的所有信息，包括所有处理它的CSS样式的列表。出于您的目的，您可能希望使用列表中的第一个选择器。