在定义列表</dd>中为两个连续<dd>中的第二个设置样式

时间:2014-09-19 19:51:17

标签: html css css-selectors

当连续两个时,如何选择第二个<dd>?例如,我希望能够在下面选择包含“电影”一词的<dd>作为样式。

<dl>
  <dt>September 30</dt>
  <dd>Event 1</dd>
  <dd>film</dd>

  <dt>October 3</dt>
  <dd>Event 2</dd>

  <dt>October 21</dt>
  <dd>Event 3</dd>
  <dd>film</dd>

  <dt>October 28</dt>
  <dd>Event 4</dd>
  <dd>film</dd>

  <dt>Novermber 11</dt>
  <dd>Event 5</dd>
</dl>

TIA。

2 个答案:

答案 0 :(得分:4)

这将完成这项工作:

dl dt + dd + dd {
    /* your styles here */
}

演示 http://jsfiddle.net/tukngxo5/

enter image description here

答案 1 :(得分:1)

如果您使用:

dd + dd {
}

它始终会选择一个dd,后面跟着另一个dd

dd + dd {
  color: red;
}
<dl>
  <dt>September 30</dt>
  <dd>Event 1</dd>
  <dd>film</dd>

  <dt>October 3</dt>
  <dd>Event 2</dd>

  <dt>October 21</dt>
  <dd>Event 3</dd>
  <dd>film</dd>

  <dt>October 28</dt>
  <dd>Event 4</dd>
  <dd>film</dd>

  <dt>Novermber 11</dt>
  <dd>Event 5</dd>
</dl>