仅在特定ID内定位CSS

Question

我正在尝试设置一个特定的CSS元素，它在一个页面上显示，但不在另一个页面上显示。

在所需的页面上，我有类似

的内容

<div id="home-posts">
   <div class="irrelevantClass">
      <div id="irrelevantID">
         <div class="ClassToTarget">
            Some content
         </div>
      </div>
   </div>
</div>

我的CSS看起来像：

#anID .ClassToTarget {
   color:#666666;
}

这在所需的页面上工作正常。但是，在另一个看起来像这样的页面上（注意缺少ID home-posts）

<div>
   <div class="irrelevantClass">
      <div id="irrelevantID">
         <div class="ClassToTarget">
            2nd load of content
         </div>
      </div>
   </div>
</div>

“第二次加载内容”元素被意外地设置样式，即匹配“某些内容”，而我不希望对该元素进行样式设置。

我需要更改为停止“第二次加载内容”区域，使其不被ClassToTarget类设置样式？

修改：我无法删除或更改任一页上ClassToTarget的名称，因为它是根据我无法编辑的模板构建的。

添加：在不需要的页面上，按照此屏幕截图输出home-posts ID。请注意，为便于阅读，我已将示例ID从anID更改为home-posts。