nth-child 和 nth-of-type 隔行选择

<div>
    <dt>123</dt>
        <dd>111</dd>
        <dd>222</dd>
        <dd>333</dd>        
    <dt>456</dt>
        <dd>444</dd>
        <dd>555</dd>
        <dd>666</dd>
</div>

上述代码中，如果用  div dd:nth-child(1)  是不会选中 <dd>111</dd> 的

是因为 nth-child 选择器是基于所有子元素的位置来选择的，而不是仅限于某个特定类型的子元素。而第一个 <dd> 元素不是 <div> 的第一个子元素，而是第二个子元素。

要解决这个问题，可以使用 nth-of-type 选择器，它只会考虑指定类型的元素。

综上，可以使用 div dd:nth-of-type(1) 选择器来选择第一个<dd>元素并将其背景颜色设置为红色。