所以这是有效的，但对我来说它看起来非常错误。
我只想更改主页面的H1 CSS属性，但它会影响所有页面，所以我必须在之后将其恢复。我很难相信这是正确的做法
有人能推荐一种更清洁的方法吗？
/* Change CSS for H1 on main page hero box */
.helpie-single-page-module .helpie-primary-view .content-area h1 {
margin-top: -65px;
margin-bottom: -5px;
font-weight: 700;
font-family: 'Raleway';
text-shadow: 3px 2px 4px #c69956;
}
/* Undo the above changes for the rest of the site */
.helpie-single-page-module .helpie-primary-view #primary.content-area h1 {
margin-top: initial;
margin-bottom: initial;
font-weight: initial;
font-family: initial;
text-shadow: initial;
}
我已经将此代码添加到Wordpress上的Additional CSS框中。
它是由Helpie KB Wiki插件创建的内容，所以我找不到标准的"；页面id"；就像我通常在Wordpress页面上一样。
谢谢。
根据您的代码，似乎所有页面都有h1作为class为"的元素的后代；内容区域"；，但是只有主页没有id"；初级"；在该元素上。
如果是这种情况，您可以使用：not CSS伪类只捕获主页h1。：not CSS伪类仅在元素与给定选择器不匹配时才选择该元素。
链接到MDN 的解释和示例
代码示例：
.helpie-single-page-module .helpie-primary-view .content-area:not(#primary) h1 {
margin-top: -65px;
margin-bottom: -5px;
font-weight: 700;
font-family: 'Raleway';
text-shadow: 3px 2px 4px #c69956;
}