html - 图像标签上的 ID 或类不起作用

Question

我正在尝试为网站放置一些图像，并且我已经为图像指定了不同的 ID，因此我可以将它们放置在不同的位置。当我开始定位时，在我的 CSS 上它不起作用。按 ID 或类别，

我将这些图像放在一个 div 中只是为了检查是否一切正常，我想很容易指出我想要使用的确切 img 标签。

代码如下:

<--html-->

<div class="resume">
    <a  href="#"><img style="height:auto; width:auto; max-width:100px; max-height:100px;"src="imgs/pdf.png" class="pdf" ></a>
    <a  href="#"><img id="word" style="height:auto; width:auto; max-width:100px; max-height:100px;"src="imgs/mword.png" ></a>
    <img id="pline" style="height:auto; width:auto; max-width:100px; max-height:100px;"src="imgs/line1.png" >
    <img id="wline" style="height:auto; width:auto; max-width:100px; max-height:100px;"src="imgs/line2.png" >
</div>

<--css-->

.resume img 
{
    position:relative;
    top:100px;
}

.resume img .pdf 
{
    position: relative;
    top:500px;
}

因此，如果有人能帮助我解决我出错的地方，我将不胜感激。谢谢!

Answer 1

img 和.pdf 之间不能有空格。这意味着一个 img 标签包含一个(或多个)类为 .pdf 的元素。 img.pdf 表示带有该类的img标签。

对于 id，您只需使用 #pline，无需使用 img#pline，因为 id 在页面上是唯一的，而 img #pline 如上所述是不正确的。