CSS引用容器中的ID？_Css_Tags

CSS引用容器中的ID？

css tags

CSS引用容器中的ID？,css,tags,Css,Tags,我想通过id'reg'引用容器中的一个图像，而不更改其他图像的属性，我该怎么做我猜大概是这样 .clients img#reg{ ... } 实际上，您不需要使用所有这些选择器 index.html <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> &l

我想通过id'reg'引用容器中的一个图像，而不更改其他图像的属性，我该怎么做

我猜大概是这样

.clients img#reg{
...
}

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

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>

<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>

如果需要进一步指定，不要将类“clients”分配给div，而是像这样将其应用于每个img，不带空格。参考：

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>

<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>

img#reg

正在寻找id为

#reg

的元素，该元素是

img

元素的子元素，当然这是不可能的。只需执行

#reg

。页面上只有一个元素可以具有该Id，因此您不需要在它前面加上其他选择器

。clients img#reg

，

。clients#reg

或

#reg

就可以了。注意，这些CSS选择器有不同的含义，但它们的工作原理相同。请参阅此操作，其他样式可能需要它们