CSS：使用ID选择第n个元素？

这是我的HTML：

<dl id="id">
    <dt>test</dt>
    <dd>whatever</dd>
    <dt>test1</dt>
    <dd>whatever2</dd>
    ....
</dl>

样式不适用，怎么了

谢谢

id的第三个子元素实际上是

test1

，因此选择器与任何内容都不匹配

在此处使用选择器更合适：

dl#id dd:nth-of-type(3)

还可以利用相当严格的HTML结构（成对的

/

），只需编写

dl\id:n子项（6）

，但在这种情况下，这是毫无意义的（浏览器支持对两个选择器都是一样的）。

\id

的第三个子项实际上是

test1

，因此选择器与任何内容都不匹配

在此处使用选择器更合适：

dl#id dd:nth-of-type(3)

---

也可以利用相当严格的HTML结构（成对的

/

），只需编写

dl\id:n子项（6）

，但在这种情况下，这是毫无意义的（浏览器支持对两个选择器都是一样的）。

您也可以使用jquery：

$("dl#id dd")

这将为您提供dl中的所有dd。 通过索引，您可以访问第n个元素 第三种情况是：

$("dl#id dd").eq(2)

然后可以添加样式特性：

$("dl#id dd").eq(2).css("color", "yellow")

---

我希望这回答了您的问题

您也可以使用jquery：

$("dl#id dd")

这将为您提供dl中的所有dd。 通过索引，您可以访问第n个元素 第三种情况是：

$("dl#id dd").eq(2)

然后可以添加样式特性：

$("dl#id dd").eq(2).css("color", "yellow")

---

我希望这回答了你的问题

uh，没有第三个孩子的DD，你必须将其更改为第n个孩子（6），以匹配该DD。你必须使用

：第n个类型

，以匹配元素及其编号。uh，没有第三个孩子的DD，你必须将其更改为第n个孩子（6）匹配该DD。您必须使用类型的第n个来匹配元素及其编号。是的，就是它，谢谢！有没有办法从所选元素继续？像

dl#id dd:n类型（3）li

@user1856596:如果

li

在

dd

的列表中，当然可以。是的，就是这样，谢谢！有没有办法从所选元素继续？如

dl#id dd:nth类型（3）li

@user1856596：如果

li

在

dd

中的列表中，请确定。