如何从html中隔离图像，以便我可以编辑它在网站上的位置？

Question

我刚接触html并且我不知道如何隔离图像，以免它受到CSS的img代码的影响。我尝试使用

＆＃13;

＆＃13;

<a href="hello.png"><img src="images/hello.png" height="100" width="350"/></a>
<a href="hello.png"><"div id=img2" src="images/hello.png" height="100" width="350"/></a>

＆＃13;

＆＃13;

＆＃13;

（我创建了一个名为＃img2的css）类似的东西，但由于某些原因它并没有真正起作用。

Answer 1

我会假设你有

<a href="hello.png"><img src="images/hello.png" height="100" width="350"/></a>

并希望使用CSS控制其样式，确保它不会被引用的css文件/块中的img样式设置样式

1. 在img标签中添加ID

   ...     img id =“myimage”src =“images / hello.png”height =“100”width =“350”/＆gt;     / A＆GT;

2. 创建一个样式来定位您的ID：

   IMG＃MYIMAGE {         / 将样式放在这里以覆盖img样式 /         }

使用css，更具体的匹配将覆盖不太具体的匹配（即img＃myimage胜过图像），除了！important将胜过更好的匹配。如果你的img风格有！重要，你需要将它添加到你的img #myimage风格