如何根据元素的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">