WordPress StartFit主题全局自定义CSS不生效问题咨询

直接写h2 { color: #F00700; }无效，是因为StartFit主题自带的样式中，对h1、h2这类标题元素使用了更具特异性的选择器（比如绑定了主题或Gutenberg区块的类名），这类选择器的优先级高于单纯的元素选择器，所以你的自定义CSS被主题默认样式覆盖了。

而h2.wp-block-post-title这种带类名的选择器，特异性和主题原有样式持平或更高，因此能成功覆盖。

• 提升自定义CSS的特异性：给元素选择器加上更上层的父类或标签，比如：

  body h2 { color: #F00700; }
  .site-content h1, .site-content h2 { color: #F00700; }
  

  这样选择器的特异性会超过主题默认的元素+类名组合，从而生效。
• 确认CSS加载顺序：如果是通过自定义izer的「额外CSS」添加的代码，WordPress默认会把它放在主题样式之后加载，优先级足够；但如果是自己通过主题functions.php或插件添加的样式，要确保加载优先级高于主题样式（可以通过调整wp_enqueue_style的$deps和$ver参数实现）。
• 谨慎使用!important：虽然h2 { color: #F00700 !important; }能强制生效，但不建议这么做——它会打破CSS的优先级规则，后续修改样式时会出现更多冲突，增加维护成本。

主题内置的「样式」板块能生效，是因为它生成的CSS代码会自动匹配主题原有样式的特异性，或者直接插入到页面CSS的最后位置，天然具备更高的优先级。

内容的提问来源于stack exchange，提问作者Joe