Javascript Squarespace-根据blog标记更改CSS元素

您好，我不是一名Javascript开发人员，我想知道是否有人能够帮助编写一个脚本，根据为我的Squarespace站点分配的博客标记更改CSS类的颜色。基本上，我有三个主要的博客类别和许多子主题，这些主题在整个网站上以特定的颜色被引用。我想在分配标签时更改博客标题颜色以匹配

---

提前谢谢你的帮助

不幸的是，在Squarespace 7.1中，blog item

body

元素的

class

属性不再包含分配给帖子的标签和类别的类。此外，尽管页面上有类似的类，但Squarespace无法“slagify”类别和标记名，这会生成无效的类。我已经向Squarespace报告了这个错误，但不知道他们是否会解决它

为了解决这两个问题，可以通过站点范围的页脚代码注入添加以下内容：

<!-- Add first category class of blog item to body element for targeting blog titles via CSS. -->
<script>
(function() {
  var catEl = document.querySelector(".collection-5fa562b2aa23eb3d7f314914 .blog-item-category");
  var cat;

  if (!catEl) {
    return;
  }

  cat = catEl.className.match(/blog-item-category--\S*/)[0];
  if (cat) {
    document.body.classList.add(cat);
  }
})();
</script>

您可以对每个类别重复上述规则

---

请注意，由于我前面提到的bug，每个类将只包含标记的第一个单词（全部小写），位于

.blog item category--

部分之后。

这听起来仅使用CSS是可行的。请提供一个链接到一篇你想成为某种颜色的示例博客文章。布兰登，感谢你在这里联系到一篇示例文章。密码是EverythingTonianne类别是exploration&discovery，我希望任何具有该类别atribute的博客标题颜色都更改为#f6972e。

.blog-item-category--exploration .blog-item-title h1 {
  color: #f6972e !important;
}