如何通过id选择元素的孙子

Question

我应该从墙上移除涂鸦图像。这个练习应该有助于教我如何以不同的方式使用选择器。棘手的是我正在与第二张样式表竞争，我正在尝试制作一个新的样式表以删除涂鸦图像。

这是我正在使用的相关代码：

<div id="wall">
  <div class="parent">
    <div></div>
    <div>
      <div id="tag-6"></div>
   </div>
</div>

所以我需要做的是选择

<div id="tag-6"></div>

我明白我正在选择<div id="wall">的曾孙。我甚至明白它不是第一个孩子，但到目前为止我所尝试的一切都无效。

这就是我的CSS：

#wall .parent > div > div {
    display: none;
}

我也查找了这个问题的解决方案，它看起来像这样：

body div#wall div.parent div:last-child div#tag-6 {
    display: none; 
}

然而，当我将这个CSS代码复制并粘贴到我的样式表中时，它无效。任何人都可以帮助我吗？

Answer 1

如果它有ID，您不需要任何组合选择器，只需使用#tag-6作为选择器

#tag-6 { display: none; }

编辑问题后添加：

确保在样式表之后引用自己的样式表，这些样式表要覆盖其样式。

Answer 2

尝试：

#wall .parent > div #tag-6 {
  display: none;
}

最明显的方法是直接路线：

#tag-6 {
  display: none;
}

Answer 3

你有一个错字

<div id="wall>

应该是

<div id="wall">