html - CSS 选择器不工作

Question

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

CSS:

#gallerywrapper img{ 
    border: 2px;
 }

为什么 css 选择器不会将边框属性应用于图片？我是否使用了错误的选择器？

Answer 1

您的选择器完全没问题，问题是边框缺少“样式”。

类似于 border: 2px solid;会工作得很好。这会将所有四个边设置为 2px 厚的“实心”；与“中”的默认“无”相反，“中”是什么。

---

作为旁注或引用点，如果您切换到 #gallerywrapper > img，您当前的选择器是“#gallerywrapper 的后代的任何 img 标签”你只会得到直接的 child 。换句话说，购买添加 >你可以说 <p>如果其中有图像，则不会得到边框，因为它不是直接子对象。考虑到 OP 发布的 HTML，这两种方法都有效，而且都不是“坏”的。