html - 覆盖一个 id

Question

所以我正在与其他三个程序员(其中两个比我更高级)一起做一个元素，所以简单地更改结构/名称并不是一个真正可行的解决方案。

我们有一个名为 head_subhead 的 ID，它应用了一些样式。

所有页面都使用了这个模板(它在 Drupal 中)，因此所有页面的结构中都有 head_subhead。

我想为特定页面覆盖 #head_subhead。

我想在不向页面主体或更高元素添加 id 的情况下执行此操作。我可以通过添加一个额外的类来做到这一点吗？我可以使用已经应用于页面正文的类(即 .pagename #head_subhead)吗？否则它会毫无用处吗？

在不使用 !important 的情况下覆盖#head_subhead 的最有效方法是什么？

Answer 1

Could I use the class already applied to the page body

是的，如果您只定位到该网页，您可以。

.page_body_class #head_subhead { /* CSS */ }

如果父 div 对于您希望 css 影响的页面是唯一的，您也可以定位父 div。

.some_parent_div_class #head_subhead { /* CSS */ }

但如果您打算经常使用它，只需将一个类添加到 head_subhead 元素即可。

#head_subhead.extra_class { /* CSS */ }