我有一个定义列表如下:
<dt>Term1</dt>
<dd>Definition1</dd>
<dt>Term2</dt>
<dd>Definition2</dd>
<dt>Term3</dt>
<dd>Definition3</dd>
<dt>Term4</dt>
<dd>Definition4</dd>
我想使用 CSS 使用 nth-child(odd) 为每个奇数行赋予不同的背景颜色,但这不适用于定义列表的结构,除非我可以将每个 dt 和 dd 组合在一个包装器中.
有人知道实现这种交替背景效果的方法吗?
谢谢
编辑** 我应该指出我需要并排显示术语和定义。所以每对 DT 和 DD 应该有交替的颜色。
最佳答案
这对我有用:
dt, dd {
background-color: blue;
}
dt:nth-child(4n+1), dt:nth-child(4n+1) + dd {
background-color: red;
}
关于html - 我如何在奇数/偶数 <dd> 行之间交替背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17363164/