Html 使用第n个类型的交替行引导

我试图改变引导列的顺序，使它们每隔一行交替。如果它是一个平面站点，那么这很容易做到，但是我使用的是WP循环，所以需要使用CSS来定位其他每一列

我当前的代码如下，但这似乎是针对每一个。奇怪的元素，而不仅仅是每一个其他元素。我试过儿童和打字

HTML

<div class="alternate">
        <div class="jumbotron jumbotron-fluid">
          <div class="container">
            <div class="services-content row">
                    <div class="col-8 odd"><?php echo $content; ?></div>
                    <div class="col-4 even"><img src="<?php echo $image ?>" /></div>
                </div>
          </div>
        </div>
        <div class="jumbotron jumbotron-fluid">
          <div class="container">
            <div class="services-content row">
                    <div class="col-8 odd"><?php echo $content; ?></div>
                    <div class="col-4 even"><img src="<?php echo $image ?>" /></div>
                </div>
          </div>
        </div>
</div>

当然，上面的代码只显示了一个“奇数”，但jumbotron部分重复了很多次（我刚刚删除了PHP）

有人知道怎么了吗？我想这可能是一个嵌套问题？

.alternate.jumbotron:n子项（奇数）。奇数{
边框：1px纯红；
}

古怪的
测验
古怪的
测验
古怪的
测验

在

jumbotron

上使用

n子项（奇数）

并选择

col-8

以交替列

.jumbotron:n个子项（奇数）.col-8{
顺序：1；
}

Lorem ipsum dolor坐在amet Concertetur，告别精英。严重的精神疾病、罪过、面部疾病和小白肠疾病？阿斯佩纳图尔，真的吗？你是说你的工作是什么？


Lorem ipsum dolor坐在amet Concertetur，告别精英。严重的精神疾病、罪过、面部疾病和小白肠疾病？阿斯佩纳图尔，真的吗？你是说你的工作是什么？


Lorem ipsum dolor坐在amet Concertetur，告别精英。严重的精神疾病、罪过、面部疾病和小白肠疾病？阿斯佩纳图尔，真的吗？你是说你的工作是什么？


Lorem ipsum dolor坐在amet Concertetur，告别精英。严重的精神疾病、罪过、面部疾病和小白肠疾病？阿斯佩纳图尔，真的吗？你是说你的工作是什么？

您想要什么@MonkeyFace如果

行中只有两个元素，则它可以工作。否则，它不会让你只想针对奇数元素，对吗？为了更好地解释它，我添加了更多的HTML-这就是它在前端的外观。因此，“alternate”容器中的每个其他奇数元素都需要更改顺序。可能只是这个
。alternate:nth类型（奇数）{
.alternate .odd:nth-of-type(odd){
    order: 1;
}