用css交替的div线分频器

Question

我试图找出是否有办法在可能的情况下替换内容行分隔符颜色。

例如：

问题是它必须是自动的，所以我假设可能需要javascript，但我找不到这样的东西。我知道如果你有类似this之类的东西，有些事情表明你必须交替。我说它必须自动更改，因为我使用的是wordpress，因此会输入一行/一行代码，而像javascript这样的东西需要自动化该过程。有什么想法吗？

Answer 1

您可以在段落之间使用<hr />元素作为分隔符，并使用设置border CSS属性设置其颜色样式。

CSS：

body{
   text-align:center;
}

hr{
    width:80%;
    border-radius:5px;
}
hr:nth-of-type(1){
    border: 4px solid red;
}
hr:nth-of-type(2){
    border: 4px solid yellow;
}
hr:nth-of-type(3){
    border: 4px solid green;
}

屏幕截图：

示例：

JSFiddle

Answer 2

以下是初学者：http://jsfiddle.net/3wGBb/

看看您所需的浏览器是否支持nth-of-type CSS3选择器：http://caniuse.com/css-sel3。