如何从 Inspect Element 获取 CSS 样式

Question

是否有任何工具/扩展可以帮助我生成 CSS 签名或样式

例如：

我看到一个 HTML 对象，我想更改它，我右键单击我的浏览器（Chrome、Firefox）并选择检查该元素，在那里我将能够修改任何 css 属性“live”。有时很难知道哪种样式签名与最近的更改相对应。

element.style {
background: none;
}

我的问题是，是否有任何工具可以告诉您 element.style 的正确名称是什么，但我认为每种样式可能有多个结果......

我已经在使用 Chrome Firebug 之类的工具。有些元素没有定义样式，因此在检查元素时默认显示 element.style。在那里我可以开始编辑以查看更改将如何影响。

我要的是一些工具来改变这个默认的样式名称：“element.style”到一个完整的正确路径，例如：.superior_div_class #the_element_you_want_to_edit

Answer 1

在FirebugFirefox 中，您可以按照您的描述检查元素，然后复制XPath或Css Path. 这为您提供了从html下到特定元素所需的整个路径。

例如，假设您正在检查带有 id 的链接myLink。您可以复制 Css 路径以获得类似的内容：

html body form table.myTable tr td a#myLink