Question

我的定义如下：

Dynamics CRM

是否有可能构建一些仅针对每个奇数/偶数dt的选择器，并且它在dd之后没有引入一些包装标记？

目标是为每个dt和它的dd元素提供交替的背景颜色。

这是与标记的链接。

http://github.com/noduslabs/infranodus

我尝试了建议的解决方案，但无济于事。

Answer 1

嗯，这不是很漂亮，但你必须为潜在的dd指定'+'规则'

dl dt:nth-of-type(odd),
dl dt:nth-of-type(odd) + dd,
dl dt:nth-of-type(odd) + dd + dd,
dl dt:nth-of-type(odd) + dd + dd + dd
{
  background: blue;
}
dl dt:nth-of-type(even),
dl dt:nth-of-type(even) + dd,
dl dt:nth-of-type(even) + dd + dd,
dl dt:nth-of-type(even) + dd + dd + dd
{
  background: red;
}

<dl>
  <dt>Title</dt>
  <dd>Entry</dd>
  <dd>Entry</dd>
  <dd>Entry</dd>
  <dt>Title</dt> 
  <dd>Entry</dd>
  <dt>Title</dt>
  <dd>Entry</dd>
  <dd>Entry</dd>
  <dt>Title</dt>
  <dd>Entry</dd>
</dl>

我觉得这个jQuery会更优雅地解决你的问题https://api.jquery.com/nextUntil/

选择每个奇数/偶数dt元素，它跟随dds

1 个答案: