Javascript 垂直时间轴CodyHouse,选择侧边(非备选)

Javascript 垂直时间轴CodyHouse,选择侧边(非备选),javascript,html,css,timeline,Javascript,Html,Css,Timeline,我需要在我的应用程序中使用垂直时间线,我发现: 问题是这些卡片是交替的,我想选择顺序边的卡片。我需要选择按css类强制下一张卡片显示在右边或左边 我知道我必须更改的类是。cd时间线块:第n个孩子(偶数) 但我不知道怎么做 有人能帮我吗?提前谢谢。 .wrapper{ 最大宽度:200px; 右边框:1px纯绿色; 右边填充:10px; } .wrapper.element{ 位置:相对位置; 宽度:80%; 利润上限:-30px; 填充:20px; 边框:1px纯蓝色; } .wrapper.

我需要在我的应用程序中使用垂直时间线,我发现:

问题是这些卡片是交替的,我想选择顺序边的卡片。我需要选择按css类强制下一张卡片显示在右边或左边

我知道我必须更改的类是。cd时间线块:第n个孩子(偶数) 但我不知道怎么做

有人能帮我吗?提前谢谢。

.wrapper{
最大宽度:200px;
右边框:1px纯绿色;
右边填充:10px;
}
.wrapper.element{
位置:相对位置;
宽度:80%;
利润上限:-30px;
填充:20px;
边框:1px纯蓝色;
}
.wrapper.element:before{
位置:绝对位置;
内容:'';
宽度:20px;
顶部:10px;
右图:-15px;
边框顶部:1px纯红;
}
.wrapper.element:第一个子元素{
边际上限:0;
}
.wrapper.element:第n个子元素(2n){
左缘:110%;
}
.wrapper.element:n子元素(2n):前{
右:自动;
左:-15px;
}

text texttext

text text texttext

text text texttext

text text texttext

text text texttext

text text texttext

text
这个问题将受益于包括解决方案如何将“卡片”交替地“放置”在时间线的两侧。(选项很多,包括单独的类,(不同的)属性/值-只是不要“打开代码”。)