我一直在使用 chrome 开发工具来对齐各种 <img>'s .我是通过检查元素并通过单击样式 Pane 中的加号按钮将 css 添加到自动生成的选择器来实现的。
不知何故，自动生成的 css 与以前不同，即不为特定元素生成 css，例如
以前
#framebox_3920691 > div > table > tbody > tr:nth-child(2) > td:nth-child(1) > a > img {
}
现在
img{
}
有什么想法吗？
最佳答案
不推荐使用这种[极其冗长]的选择器，而且很难维护。最好为您的图像分配特定的类/ID，并在您的选择器中使用它们。
也就是说，如果您确实需要某个元素的完整 CSS 路径，请在“元素”面板中右键单击该元素，然后在上下文菜单中选择复制 CSS 路径 以获取完整的 CSS 路径你的系统剪贴板。
关于html - Chrome 开发者工具设置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23056473/