Chrome开发者工具设置

时间:2014-04-14 09:24:58

标签: html5 css3 google-chrome-devtools

我一直在使用chrome dev工具来调整各种<img>'s。我是通过检查元素并通过单击样式窗格中的加号按钮将css添加到自动生成的选择器中来完成的。

不知何故,自动生成的css与以前的工作方式不同,即不为特定元素生成css,例如

以前

#framebox_3920691 > div > table > tbody > tr:nth-child(2) > td:nth-child(1) > a > img {
}

现在

img{
}

任何想法?

1 个答案:

答案 0 :(得分:0)

不推荐使用这种[极其冗长的]选择器,难以维护。最好为图像指定特定的类/ ID,并在选择器中使用它们。

也就是说,如果您确实需要元素的完整CSS路径,请右键单击“元素”面板中的元素,然后在上下文菜单中选择Copy CSS Path以获取进入系统剪贴板的完整CSS路径。 / p>