Question

我想通过id＆＃39; reg＆＃39;来引用我容器中的一个图像。在不改变其他人的属性的情况下，我该怎么做？

<div class="two_third lastcolumn">
    <div class="container clients">                   
        <div class="one_sixth"><a href="userProfile.php"><img src="../../images/reg.png" alt="" id="reg"/></a></div>
        <div class="one_sixth"><a href="../../community/feedback.php"><img src="../../images/feedback.png" alt=""/></a></div>
        <div class="one_sixth"><a href="../../resources/donation.php"><img src="../../images/donate.png" alt=""/></a></div>
        <div class="one_sixth"><a href="userProfile.php"><img src="../../images/oneyear.png" alt=""/></a></div>
    </div>
</div>

我的猜测就像是

.clients img #reg {
    ...
}

Answer 1

您实际上不需要使用所有这些选择器。

的index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <div>
            <div class="clients">                   
                <div><a href="#"><img src="a.png.png" id="small" alt=""/></a></div>
                <div><a href="#"><img src="b.png.png" alt=""/></a></div>
            </div>
        </div>
    </body>
</html>

styles.css的

img {
    width: 200;
    height: 200;
}
#small {
    width: 150;
    height: 150;
}

如果您需要进一步指定，而不是将类“clients”分配给div，请将其应用于每个img，不包含空格。参考：How to combine class and ID in CSS selector?

的index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <div>
            <div><a href="#"><img src="a.png.png" alt=""/></a></div> 
            <div class="clients">                   
                <div><a href="#"><img src="a.png.png" class="clients" id="small" alt=""/></a></div>
                <div><a href="#"><img src="b.png.png" class="clients" alt=""/></a></div>
            </div>
        </div>
    </body>
</html>

styles.css的

img {
    width: 100;
    height: 100;
}
img.clients {
    width: 200;
    height: 200;
}
img.clients#small {
    width: 150;
    height: 150;
}

CSS引用容器内的ID？

1 个答案: