是否有任何工具/扩展程序可以帮助我生成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
中,您可以按照描述检查元素,然后复制XPath
或Css 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/