在上内联CSS，没有类

我希望你们能帮我一把，因为我对这件噩梦束手无策。所以我想有两列产品类别，改变实际列的大小并不难，但我有模糊图像的问题。它们比div大得多，但看起来仍然模糊不清

检查.prod img wrap div会发现它包含一个没有类或ID的标记，该标记包含一些我认为可能在别处生成的内嵌CSS

所有在线解决方案都显示了一个旧版本的WooCommerce，它仍然有单独的图像大小的实际输入，现在在Customize>WooCommerce>Product images面板中只有裁剪选项可用。如果我在inspector中更改硬编码的值，则图像加载良好，因此我知道它已正确上载

我甚至不知道在这一点上还有什么可以尝试的，我已经做了太长时间了，这是我需要整理的最后几个细节之一，以尽快交付这个网站。我在WordPress方面也没什么经验，所以对于你们当中经验丰富的程序员来说，这可能是一个简单或明显的问题。任何帮助都将不胜感激，非常感谢您抽出时间

我需要帮助的页面：

编辑：

我试图用css覆盖此处生成的内联样式：

<div class="prod-img-wrap"><img src="http://sellgoldnow.co.uk/wp-content     /uploads/2018/09/gold-bracelets1-262x108.jpg" alt="Bracelets" sizes="(max-width: 262px) 100vw, 262px" width="262" height=""></div>

}

这是我不知道如何瞄准的部分，因为我不熟悉这个公式，这是我第一次看到它

sizes="(max-width: 262px) 100vw, 262px" width="262" height=""

---

首先，图像是模糊的，因为它们的实际大小比它们要填充的区域小得多。[它们只有262像素x 108像素，并且正在拉伸到703 x 277像素]所以我想说你需要添加更大的图像

其次，如果你正在添加更大的图片，而woocommerce正在裁剪它，请尝试重新生成缩略图的插件[has million+downloads]，并完成这些步骤

最后，一旦添加了较大的图像，但仍然无法正常工作，请尝试在customiser中更改缩略图裁剪设置。我建议1-1或者不加删减

让我知道这是否有帮助

编辑：

要以这些图像为目标，可以使用此类+代码来覆盖它：

ul.products li.product.product-category img,
ul.products li.product img {
    max-width: none!important;
    width: auto!important;
}

---

这将确保这些图像以其实际大小显示

欢迎来到StackOverflow！为了让我们更好地帮助您，请您更新您的问题，以便它显示您现有的代码和任何失败的详细信息，并清楚地说明您想要的结果是什么。有关更多信息，请参阅有关的帮助文章，并点击：谢谢您的回复。问题似乎就在这里，内联样式是在html中生成的。顺便说一句，你知道浏览器中的inspect工具吗？我曾尝试将CSS放入子主题样式表中，但现在图像很小，如果我尝试用特定值替换width和max width，我最终会在同一位置看到大而模糊的图像。是的，我确实使用了inspector工具，但我无法解决的是如何覆盖那些在prod img wrap div的img中设置的讨厌的直列尺寸，最终在同一个位置出现了大而模糊的图像。-我提供的代码只是覆盖内联样式并将图像设置为其实际大小。正如我之前所说，你的图像太小了，这就是为什么当你通过给它们新的宽度使它们变大时，它们会变得模糊。

ul.products li.product.product-category img,
ul.products li.product img {
    max-width: none!important;
    width: auto!important;
}