奇偶不在css中工作

。以时间线为中心。时间线条目。时间线条目内部。时间线图标：第n个类型（奇数）{
背景色：#fad839；
}
.timeline居中。timeline条目。timeline条目内部。timeline图标：类型的第n个（偶数）{
背景色：#21a9e1；
}

---

您正在选择偶数和奇数

。时间线图标

元素。但是每个条目只有一个图标，所以每个图标的索引是1，它们都被认为是奇数

我建议在偶数和奇数

元素中选择图标。时间线条目

元素，如下所示：

。以时间线为中心。时间线条目：第n个类型（奇数）。时间线条目内部。时间线图标{
背景色：#fad839；
}
.timeline居中。timeline条目：第n个类型（偶数）。timeline条目内部。timeline图标{
背景色：#21a9e1；
}

编辑：

---

将其应用于您发布的小提琴。

您正在选择偶数和奇数

。时间线图标

元素。但是每个条目只有一个图标，所以每个图标的索引是1，它们都被认为是奇数

我建议在偶数和奇数

元素中选择图标。时间线条目

元素，如下所示：

。以时间线为中心。时间线条目：第n个类型（奇数）。时间线条目内部。时间线图标{
背景色：#fad839；
}
.timeline居中。timeline条目：第n个类型（偶数）。timeline条目内部。timeline图标{
背景色：#21a9e1；
}

编辑：

---

将其应用于您发布的小提琴。

您正在选择偶数和奇数

。时间线图标

元素。但是每个条目只有一个图标，所以每个图标的索引是1，它们都被认为是奇数

我建议在偶数和奇数

元素中选择图标。时间线条目

元素，如下所示：

。以时间线为中心。时间线条目：第n个类型（奇数）。时间线条目内部。时间线图标{
背景色：#fad839；
}
.timeline居中。timeline条目：第n个类型（偶数）。timeline条目内部。timeline图标{
背景色：#21a9e1；
}

编辑：

---

将其应用于您发布的小提琴。

您正在选择偶数和奇数

。时间线图标

元素。但是每个条目只有一个图标，所以每个图标的索引是1，它们都被认为是奇数

我建议在偶数和奇数

元素中选择图标。时间线条目

元素，如下所示：

。以时间线为中心。时间线条目：第n个类型（奇数）。时间线条目内部。时间线图标{
背景色：#fad839；
}
.timeline居中。timeline条目：第n个类型（偶数）。timeline条目内部。timeline图标{
背景色：#21a9e1；
}

编辑： 适用于你张贴的小提琴，它。

你的意思是：

.timeline-centered .timeline-entry:nth-of-type(odd) .timeline-entry-inner {
    background-color: #fad839;
}

.timeline-centered .timeline-entry:nth-of-type(even) .timeline-entry-inner {
    background-color: #21a9e1;
}

你是说：

.timeline-centered .timeline-entry:nth-of-type(odd) .timeline-entry-inner {
    background-color: #fad839;
}

.timeline-centered .timeline-entry:nth-of-type(even) .timeline-entry-inner {
    background-color: #21a9e1;
}

你是说：

.timeline-centered .timeline-entry:nth-of-type(odd) .timeline-entry-inner {
    background-color: #fad839;
}

.timeline-centered .timeline-entry:nth-of-type(even) .timeline-entry-inner {
    background-color: #21a9e1;
}

你是说：

.timeline-centered .timeline-entry:nth-of-type(odd) .timeline-entry-inner {
    background-color: #fad839;
}

.timeline-centered .timeline-entry:nth-of-type(even) .timeline-entry-inner {
    background-color: #21a9e1;
}

---

你能做一点点吗？调试起来会容易得多。@WillBriggs给你，问题是什么？您应该清楚地确定您的期望以及实际行为的不同之处。像“奇怪的领域”这样的东西太模糊了。确切地指定您所引用的元素。您可以做一个JSFIDLE吗？调试起来会容易得多。@WillBriggs给你，问题是什么？您应该清楚地确定您的期望以及实际行为的不同之处。像“奇怪的领域”这样的东西太模糊了。确切地指定您所引用的元素。您可以做一个JSFIDLE吗？调试起来会容易得多。@WillBriggs给你，问题是什么？您应该清楚地确定您的期望以及实际行为的不同之处。像“奇怪的领域”这样的东西太模糊了。确切地指定您所引用的元素。您可以做一个JSFIDLE吗？调试起来会容易得多。@WillBriggs给你，问题是什么？您应该清楚地确定您的期望以及实际行为的不同之处。像“奇怪的领域”这样的东西太模糊了。确切地指定所引用的元素。