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

例如:

我看到一个HTML对象,并且想要更改它,我在浏览器(Chrome,Firefox)上单击鼠标右键,然后选择检查该元素,在那里我将能够修改任何“实时”的css属性。有时很难知道哪种样式签名将与最近的更改相对应。

element.style {
background: none;
}

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

我已经在使用Chrome Firebug之类的工具。某些元素未定义样式,因此在检查元素时默认情况下会显示element.style。在这里,我可以开始编辑以查看更改将如何生效。

我要的是使用某种工具将此默认样式名称:“element.style”更改为完整的正确路径,例如:.superior_div_class #the_element_you_want_to_edit

最佳答案

在Firefox的Firebug中,您可以按照描述检查元素,然后复制XPathCss Path。这为您提供了从html到特定元素所需的完整路径。

例如,假设您正在检查ID为myLink的链接。您可以复制Css路径来获得类似以下内容的信息:
html body form table.myTable tr td a#myLink

关于css - 如何从Inspect Element获取CSS样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7407523/

10-13 07:41
查看更多