Question

data

CSS：

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

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

Answer 1

你的选择器非常好，错误的是边框缺乏“风格”。

function show_hide(id, id2) { var e = document.getElementById(id); if(e.style.display == 'inline-block') { e.style.display = 'none'; document.getElementById(id2).innerHTML = "+ Show More"; } else { e.style.display = 'inline-block'; document.getElementById(id2).innerHTML = "- Hide"; } }之类的东西可以正常工作。这将使所有四边都是2px厚的“实心”;与“中等”的默认“无”相反，“中等”是什么。

作为旁注或参考点，您当前的选择器是'任何img标签，它是#gallerywrapper的后代'，如果您换到border: 2px solid;，您将只获得直接子项。换句话说，购买添加#gallerywrapper > img你可以说>，其中包含图片，不获得边框，因为它不是直接的孩子。无论哪种方式都适用于OP发布的HTML，也没有“坏”。

Answer 2

使用此

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

它会起作用。

<强>已更新

OP明确表示他不知道为什么它不起作用并且需要解决方案所以我给了他最终的解决方案（No More chit chat）。他没有要求更多细节，所以我没有提供。但是我走了..

用户没有为边框定义任何必须的样式。阅读更多here

没有边框式，没有边框会显示..那个选择器没有工作的原因。而且一般来说我使用我提供的方式所以我提供了解决方案所以我不会认为它错了或令人困惑..但......没什么......

CSS选择器不起作用

2 个答案: