Firefox Developer Edition~CSS独特选择器?

时间:2016-10-31 13:39:13

标签: css firefox firefox-developer-tools

在“普通”Firefox上的FireBug中,打开FireBug控制台,您可以右键单击一个元素并“复制CSS路径”。

我曾经一直使用 来获取用于编写CSS的独特CSS选择器。

此选项在FireFox开发人员版(带有集成的FireBug)中不可用,那么还有另一种方法可以将此信息发送到我的剪贴板吗?

编辑:
我知道有一个右键单击>复制> Css选择器,但这给了我:

#widget-column-16 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1)

当我想要的是: #widget-column-16 .div-name .div-name .div-name .div-name p

2 个答案:

答案 0 :(得分:2)

  

右击该元素 - >复制 - > CSS-选择

你在找这个吗?

答案 1 :(得分:0)

我也想念“复制CSS路径”,我希望Firefox开发者工具能够将它作为工具集的选项引入。

这是一个很棒的工具,我还在试图找出如何替换它。

到目前为止,我发现的唯一解决方法是使用Google Chrome的Inspect。它提供了右键单击>复制>复制Xpath选项。

复制Xpath没有像“复制CSS路径”那样做一个漂亮,干净的CSS路径,所以你必须做一些编辑来删除斜线并整理一下。

它也不包括类或标识符,这是一个无赖。

但至少它为你提供了一种快速复制整个路径的方法,从“html body div”等开始。