如何在CSS中的段落之间替换样式？

Question

我尝试了：nth-​​of-type，但是我不确定是否可能，或者该功能是否满足我的需求。 我需要一种交替的样式：即使我添加新的段落，两个段落也要在左边对齐，然后在右边是两个，依此类推。

这大致说明了我的意思：

Paragraph

Paragraph

             Paragraph

             Paragraph
Paragraph

Paragraph

             Paragraph

             Paragraph

Answer 1

这是一种方法：

 p { clear:both; float:left; } p:nth-of-type(4n+3), p:nth-of-type(4n+4) { float:right; } 

 <p>paragraph 1</p> <p>paragraph 2</p> <p>paragraph 3</p> <p>paragraph 4</p> <p>paragraph 5</p> <p>paragraph 6</p> <p>paragraph 7</p> <p>paragraph 8</p> 

Answer 2

尝试使用

p:nth-child(4n),
p:nth-child(4n-1)
{ text-align: right; }

工作笔

Answer 3

尝试玩nth-child（4n + x）

一种可能的解决方案...

p:nth-child(4n+1), P:nth-child(4n+2) {
  // left styles
}
p:nth-child(4n+3), p:nth-child(4n+4) {
  // right styles
}