图像标记上的ID或类不起作用

时间:2015-07-17 07:19:42

标签: html css

我试图为网站定位一些图片,并且我已经为图片提供了不同的ID,因此我可能会对它们进行不同的定位。在我开始定位时,我的CSS不会起作用。无论是ID还是Class,

我将这些图像放在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>

&LT; - CSS - &GT;

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

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

所以如果有人能在我出错的地方帮助我,我会非常感激。谢谢!

3 个答案:

答案 0 :(得分:4)

CREATE DATABASE test; USE test; CREATE TABLE test (Col1 INT(10)); GRANT SELECT ON test.test TO test@'%' IDENTIFIED BY 'test'; DROP TABLE test; SELECT * FROM mysql.tables_priv WHERE user = 'test'; # 1 row img之间不应有空格。这意味着img标记包含具有类.pdf的元素(或多个元素)。 .pdf表示此类的img标记。

对于ID,您只需使用img.pdf,就不需要使用#pline,因为ID在页面上是唯一的,img#pline如上所述不正确。< / p>

答案 1 :(得分:3)

在您的情况下,元素和类之间不应该有空格。即它必须是img.pdf 这些是寻找特定命名空间的第3级选择器。

对于EG: 以下内容仅为具有class~="pastoral"的H1元素指定样式:

H1.pastoral { color: green }  /* H1 elements with class~=pastoral */

根据这些规则,下面的第一个H1实例不会有绿色文本,而第二个实例会:

<H1>Not green</H1>
<H1 class="pastoral">Very green</H1>

答案 2 :(得分:0)

projectallocation_set = django_filters.CharFilter(name='projectallocation_set__name')