使用jquery在wordpress主题中选择部分

我有一个项目，我正在工作，我需要重新安排一个Wordpress主题在头版的部分。编辑页面时，这些节在页面生成器中动态生成。我需要它来影响头版。我已经安装了一个插件，允许应用每段post代码，但是我不知道如何单独选择这些部分，因为它们的标记都是相同的。我知道我可以使用jQuery根据内容进行选择，但是，实际的内容嵌套得太深了，我不知道我现在使用的代码是否正确，我是否需要更改它，甚至以不同的方式处理它

完成的模型和原始布局可在此处找到：

我正在使用的代码（减去填充内容）如下所示：

它太长，无法粘贴到代码块中

我正在使用我使用jquery文档编写的以下jquery。它似乎对我不起作用

(function($) {
    $(".home-section .section-header .title span:contains('Category A')").css('background-color', 'blue', 'important');
})(jQuery);

---

我使用代码作为背景色来确定代码是否正常工作。我尝试了两种方法，但两种方法都不起作用。如果我错了，请纠正我，但基于使用您的HTML，这对我来说似乎很好？也许您的问题不是使用

$（document）.ready（）

包装器？可能是这样，也许我只是在与太多其他样式竞争，我必须弄清楚如何选择包含整个片段的父元素。上面的代码示例是对我的选择器的测试。小提琴确实起作用，因为其他页面样式已经不存在了。也许我没有充分隔离元素。我要做的是修改“…”代码中所有内容的大小和位置。我正在尝试在页面的头部执行以下操作：

（函数（$）{$（文档）.ready（$（“.wrapper节：第n个子（2）”）.hasClass（“分类帖子”）.addClass（“newClass”）；}（jQuery）

并使用

.newClass{color:red！important；}

尝试使函数正常工作。它根本不起作用：-/