CSS选择器不工作

Question

<div id="gallerywrapper">
    <img src="ECC1.png"> <!--1-->
    <img src="ECC2.png"> <!--2-->
</div>

CSS：

#gallerywrapper img{ 
    border: 2px;
 }

为什么css选择器不将边框属性应用于图片？我用错了选择器吗？

Answer 1

使用这个

#gallerywrapper > img{ border: 2px solid; }

它会成功的。

更新

OP明确地问，他不知道为什么它不工作，需要解决方案，所以我给了他最后的解决方案(不再聊天)。他没有要求更多的细节，所以我没有提供。但我走了..。

用户没有为边框定义任何样式，即must..Read more 这里。

没有边框风格，任何边框都不会显示.这就是为什么那个选择器一般不是working.And，所以我提供了这个解决方案，所以我不认为它是错误的或令人困惑的。But...Nothing..

Answer 2

你的选择是完全好的，错的是缺乏‘风格’的边界。

像border: 2px solid;这样的东西会运行得很好。这将使所有四个边在2px厚的时候都是“实心的”；与默认的‘中等’的‘无’相反，任何‘介质’是什么。

作为一个附带的注意事项或参考点，当前的选择器是‘任何img标记，它是一个#画廊包装器的后代’，如果您切换到#gallerywrapper > img，您只会得到直接的子标记。换句话说，购买--添加> --你可以说一个带有图像的<p>不会得到一个边框，因为它不是一个直接的子元素。无论哪种方式，在OP发布的HTML中都是有效的，两者都不是“坏”。