html - Chrome 开发者工具设置

Question

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

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

以前

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

现在

img{
}

有什么想法吗？

Answer 1

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

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