css - 博客/文章页面上的 H2 被分配了一个类

Question

当我将 H2 添加到博客时，我注意到存在间距问题。我检查了该页面，出于某种原因，博客/文章页面上的 H2 被分配了自己的类 (.searchresults h2)。

对于其他标题，如 H1、H3 等，不会发生这种情况......

我不确定“searchresults”类是从哪里来的，所以我不想对“.searchresults h2”元素样式进行自定义更改。

我有想过在自定义css部分加入一个新的元素样式，比如:“.searchresults single-post h2”，但不确定这是否是最好的方法或者是否有效。

关于如何解决这个问题有什么建议吗？

Answer 1

I inspected the page and for some reason H2s on blog/article pages get assigned their own class

如果您的博客软件正在生产:

<h2 class="searchresults">

你想要的只是<h2> .

您可以运行以下 javascript:

[... document.querySelectorAll('h2.searchresults')].forEach((heading2) => {

  heading2.classList.remove('searchresults');

});

然后所有<h2 class="searchresults">将恢复为 <h2> .