Jquery CSS-目标为第三个div，但跳过子div

我正在使用WordPress插件，因此我无法在PHP端添加类，因为该插件每周都会接收和更新，并且会覆盖我的更改。我需要试着在前端这样做

代码如下：

.mainfo分区：第n个类型（3）{
背景色：#302b44；
边框：2倍实心#FFF；
填充：14px；
}

这是第一组
乱数假文。
奎斯，瑞西恩迪斯。
共和国，发明家！
这是第二组
乱数假文。
最小值。
最小值，假设？
这是第三个分区**是我唯一要选择的分区**
乱数假文。
多洛雷斯，乌兰！
Sequi，eligendi！
这是第四组
乱数假文。
雷克桑迪，康莫迪。
灵药。

在两个选择器之间添加“直接子”连接：

.mainInfo > div:nth-of-type(3) {

这样，它就不匹配

.mainfo

的孙辈，在两个选择器之间添加“直接子”连接：

.mainInfo > div:nth-of-type(3) {

---

这样一来，它与

.mainfo

的子代不匹配，只需使用

选择器（），它强制选择直接子代

.mainInfo > div:nth-of-type(3) {

选择父元素为“.mainfo”元素的所有“div:nth of type（3）”元素

.mainfo>div:n类型（3）{
背景色：#302b44；
边框：2倍实心#FFF；
填充：14px；
}

这是第一组
乱数假文。
奎斯，瑞西恩迪斯。
共和国，发明家！
这是第二组
乱数假文。
最小值。
最小值，假设？
这是第三个分区**是我唯一要选择的分区**
乱数假文。
多洛雷斯，乌兰！
Sequi，eligendi！
这是第四组
乱数假文。
雷克桑迪，康莫迪。
灵药。

只需使用

选择器（），它强制选择direct Child

.mainInfo > div:nth-of-type(3) {

选择父元素为“.mainfo”元素的所有“div:nth of type（3）”元素

.mainfo>div:n类型（3）{
背景色：#302b44；
边框：2倍实心#FFF；
填充：14px；
}

这是第一组
乱数假文。
奎斯，瑞西恩迪斯。
共和国，发明家！
这是第二组
乱数假文。
最小值。
最小值，假设？
这是第三个分区**是我唯一要选择的分区**
乱数假文。
多洛雷斯，乌兰！
Sequi，eligendi！
这是第四组
乱数假文。
雷克桑迪，康莫迪。
灵药。