Html 嵌套在<；中时如何更改图像大小；p>；标签

我想知道当图像嵌套在段落标记中时，如何更改图像的大小。问题是当嵌套在段落中时，它不会采用我在CSS中为#3D1设置的值。

我当前的HTML：

<p id="work3">
  <img id="3D1" src="img/photos/3D1.jpg">
</p>

我当前对“工作3”段的CSS：

非常感谢大家的帮助

编辑：在试图修改代码的同时，我设法找到了问题所在。我的问题是，我用一个数字开始了我的ID名称。很显然，HTML和CSS不能很好地适应这一点，它们只是没有“看到”图像的属性。在某种程度上，我自己设法解决了这个问题，但是那些帮助我的人帮了我很大的忙！谢谢

#3D1 {
  width:500px;
}

#work3 #3D1 {
  width: 510px;
}

由于您已经通过id选择器定义了宽度，因此需要使用更高的特定性的选择器覆盖规则（例如，

p img{…}

不起作用）

试试这个

#work3 img{
   width:500px;
   height:200px;
}

这将使所有图像在id为work3的标签下扭曲。好的，我只记得这一点。

---

只需删除id/类名上的数字。我记得如果你命名一个id/类，最好不要以数字开头。只需将“3D1”更改为“D1”就可以了？

如果您进行了足够的搜索，那么您可能不会在此处被问及更改为什么？问题是什么？如果您通过图像的

id

引用图像，无论它是否在

p

元素中，它都会起作用。我将编辑我的问题以更好地阐明我的情况。编辑：完成！这确实有效，但如果我有不同大小的图像呢？e、 g我刚才的图像非常适合这样做，但是如果我使用的图像的高度大于宽度，那么我该怎么做？@TobyvanKempen，那么您可以避免指定高度语法错误：

width；500px（在答案和注释中）：必须有冒号
：
而不是分号
。但是如果我指定高度值，它不会也接受宽度值吗？e、 g如果我有一个宽200px，高500px的图像，它会不会拉伸它，使其覆盖宽500px，高200px？是的，添加一个带值的height属性会让它看起来很奇怪：/这不起作用，但我尝试使用类而不是ID，这也不起作用。。。有什么想法吗？这样做会使网站上的所有图像都有这样的宽度。我需要的是将ID为work3的段落中ID为#3D1的图像设置为指定的宽度。不过，谢谢你的帮助！确实有效，但它改变了#work3中的所有图像。如果我以后决定添加较小宽度的图像，它们将非常大。你知道如何解决这个问题吗？我验证了这个答案，因为我相信它教会了我最多的东西，并将这个问题标记为已回答。
#3D1 {
  width:500px;
}

#work3 #3D1 {
  width: 510px;
}

#work3 img{
   width:500px;
   height:200px;
}