2014-09-19 32 views
0

如何在连续有两个时选择第二个<dd>?例如,我希望能够选择包含以下单词'film'的<dd>以进行造型。造型定义列表中连续两个<dd> s中的第二个

<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。

回答

4

这将做的工作:

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

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

enter image description here

+0

的'dl'选择器可能是不必要的。你可能会放弃假设'dt'和'dd'将始终是'dl'的后代。你不能对'li'元素做出同样的假设。 'menu' /'ol' /'ul',但你可以为'dt' /'dd'。 – BoltClock 2014-09-20 04:17:01

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>

相关问题