Html id元素的第n个子元素

我想强调p id=dd的“第二段”。我能和第n个孩子一起去吗？当我在样式中添加dd时，它停止工作

ddp:n-child3{ 背景：红色； }

第一段

第二段

第三段

第四段

第一段

第二段

第三段

第四段

---

正如穆罕默德·乌斯曼（Muhammad Usman）在上文中善意地指出的

您需要将父级更改为a，它将正常工作

ddp:n-child3{ 背景：红色； } 第一段

第二段

第三段

第四段

第一段

第二段

第三段

第四段

---

你不应该在段落中附加段落。请参考这篇非常好的帖子

---

您的方法是正确的，您可以使用dd:nth childn，其中n是您使用CSS规则针对的子级。

p不允许在p中使用p。做一个div并在其中添加段落

代码段中的相关更改

<div id="de">
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
</div>
<div id="dd">
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
</div>

---

您正在尝试正确应用样式。但是你的HTML是无效的。你不能让一个在另一个里面。