Html CSS不适用于图像

尝试将CSS应用于包含以下内容的图像（我删除了其他HTML代码以简化它）：

---

因为内联css比其他css具有更高的优先级。将其更改为：

<img src="images/forest.jpeg">

.wrap img {
   width:800px;
   max-width: 100%;
}

.包裹img{
宽度：800px；
最大宽度：100%；
}

看，css在这里是否适用

.wrap img{
高度：400px；
边框：5px纯黑；
边界半径：10px；
盒影：5px 5px 10px rgba（0,0,0,0.5）；
最大宽度：100%；
}

快速修复

.wrap > main > article > img{max-width: 100% !important;}

---

你想要什么样的输出。它已经应用到imgIt上了。最大宽度（max width）对图像没有多大影响，它就像一个条件，宽度不应超过

100%

。如果您试图将img的宽度设置为

100%

，则必须设置

宽度：100%

，否则，请告诉我们您希望看到什么，以及您正在看到什么。

100%

具体是什么？让我们来划掉

最大宽度。我也在尝试
边界半径
，但这似乎也不适用于图像？它不会起作用，因为在他的情况下.wrap不是img的直接父对象。不过，它只需做就足够了。wrap img{//style}，不需要伪选择器。它似乎仍然不适用于我的图像。如果它帮助
.wrap
是flex，因此它是我用flex尝试的
main
和
article
@设计向导，它也对我有效，那么你的css文件是否正确链接到你的html，你有没有检查过via inspect Element我所有的其他样式都很好，只是它不适用于特定的img。如果它在这里有效，它应该在任何地方都有效，可能会有其他css覆盖你的css尝试
！重要信息
请看，您应该检查elemtn ur代码，看看有什么问题，希望它能帮助@design Wizard解决问题。这是一个链接问题，因为我在移动css文件。谢谢你的帮助！
<img src="images/forest.jpeg">

.wrap img {
   width:800px;
   max-width: 100%;
}

.wrap > main > article > img{max-width: 100% !important;}