html - 需要帮助理解在我的 CSS 中一起使用 ID 和类

Question

我在 Drupal 中工作，我希望我的 CSS 能够为指定页面“节点”的特定部分设置样式。我还想将这些分配给多个节点。这就是我的 CSS 的样子，但它仅在我单独而不是一起分配节点时有效。因此我假设我的 CSS 一定是写错了。

基本上我希望 class="pagetitleheader"不显示在特定节点中:

#node-66310 .pagetitleheader,
#node-66779 .pagetitleheader,
#node-66812 .pagetitleheader,
#node-66317 .pagetitleheader,
#node-66265 .pagetitleheader {
     display:none;
}

Answer 1

你有“上下文”模块，它可以在满足上下文条件时为你的正文 html 元素提供额外的类。因此，您可以使用该正文类来仅针对那些特定页面。条件可以是您在此处拥有的简单页面列表，也可以是特定内容类型的页面或页面属于某些菜单或其他内容。之后你可以像这样简单地编写 CSS:

body.myClass .pagetitleheader{
   display:none;
}

上下文会将“myClass”类添加到需要的地方。