如何在CSS中的每个第n个元素之后选择一组元素？

Question

如何选择CSS中第n个元素之后出现的一组元素？ 例如：粗体前三个，跳过下三个，粗体前三个等等......

0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Answer 1

简单。你不能选择发生的组，但你可以选择每个第N个元素。

因此，您需要选择6的倍数，并且样式3的第一个元素具有来自重复N的偏移+1，+ 2和+3，如下所示：

以下用简单的词语表示：＆＃34;每6个元素，仅设置第1个，第2个和第3个＆＃34;

＆＃13;

＆＃13;

p:nth-child(6n+1), 
p:nth-child(6n+2), 
p:nth-child(6n+3) {
    font-weight:bold;
    font-style:italic;
}
p {
    display:inline;
}

＆＃13;

<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>
<p>O</p>

＆＃13;

＆＃13;

＆＃13;