使用CSS为<div>内的<p>标签添加样式

Question

（HTML）

<div>
  <h2>I am another awesome h2</h2>

  <p>number one paragraph</p>

  <p>I'm the second paragraph inside this div!</p>
</div>

<p>PARAGRAPH NOT INSIDE A DIV</p>


<div>
  <h2>A less awesome h2</h2>

  <p>number one</p>

  <p>One last paragraph here!</p>
</div> 

(CSS)

我尝试使用nth-of-type和nth-child，但我无法选择第二个DIV内的两个P元素。

有人可以帮忙吗？

注意：我的网页中有太多的P标签和DIV，我想选择它们，但不想使用类或ID。

- Mohamed Serag

---

请将您的演示缩小到问题的最小表示，并在问题本身中包含相关代码。问题应该是自包含的，演示链接仅用于支持实际问题。 - Mukesh Ram

div p {.../*styles for p-tags inside a div*/...}将选择您的情况下div内的所有p。或者您只需要选中第二个p？ - Banzay

我想选择第二个 DIV 中的所有 P 元素，但不使用 CLASS 或 ID。 - Mohamed Serag

Answer 1

在这种情况下，使用选择器非常简单，只需尝试

div:nth-of-type(2) p {...}

- Liang

---

很抱歉误解了，我知道如何在网页中样式化所有DIV内的P元素。我的问题是关于如何样式化HTML代码中第二个DIV内的两个P元素，而不是网页中的所有P标签，请不要使用ID或CLASS。 - Mohamed Serag

请使用以下 CSS 代码 div:nth-of-type(2) p{...}，它应该可以正常工作。 - Liang

今天你真的让我很开心，我在三天前就一直在寻找这个解决方案。你今天为我提供了非常有用的信息。 - Mohamed Serag