CSS选择器选取器/取景器？

Question

任何人都知道一个工具/火狐插件，可以让我点击一个页面中的DOM对象，并给我的样式该元素所需的CSS继承？

因此，如果有一堆嵌套元素OL李OL里的等...我应该我的CSS样子样式说元素？

Answer 1

的Web Developer扩展是优秀的在这一点。快捷方式是Ctrl+Shift+F来激活点击界面...点击任何元素以查看完整的继承树。

Answer 2

Firebug会告诉你的完整路径的任何元素（在HTML标签的顶部），但它不会自动生成CSS选择器。

Answer 3

你想要Firebug。

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

Answer 4

看一看firequark ..这是Firebug的一个扩展，单个或多个HTML节点

Answer 5

有没有人来创建一个选择的方式提取的CSS选择器。最终，为你的选择器做一个完整的祖先链是在寻找麻烦，因为无论你的文档结构发生什么变化，你的选择器都会中断。我的经验法则是在您的文档中使用#id选择器作为文档中的单例元素（即#mainNav或#content）和.class选择器，用于重复或混合的元素（即.menuItem，.external）。