Chrome 开发者工具设置

Question

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

不知何故，自动生成的 css 与以前不同，即没有为特定元素生成 css，例如

以前

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

现在

img{
}

有什么想法吗？

Answer 1

不推荐使用这种[非常冗长的]选择器，而且很难维护。最好为您的图像分配特定的类/ID，并在您的选择器中使用它们。

也就是说，如果您确实需要某个元素的完整 CSS 路径，请在“元素”面板中右键单击该元素，然后在上下文菜单中选择 Copy CSS Path 以将完整的 CSS 路径添加到您的系统剪贴板中。