造型<p>里面的标签<div>通过使用 CSS

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)

I tried to use nth-of-type and nth-child but I cannot choose the two P element inside SECOND DIV.

Can anyone help?

Note: I have too many P tag and DIV inside my webpage. I want to choose those without using class or id.

Answer 1

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

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