问答详情
源自:6-12 CSS3 last-of-type选择器

三重结构下的元素选择

谁知道三重结构下元素该如何选择,请指点一二,例如:我想选择第3个div中的第二个p元素。

<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8">

<title>属性选择器</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head> 

<body>

<div class="wrapper">

  <div>我是第一个Div元素</div>

  <div>我是第二个Div元素</div>

  <div>我是第三个Div元素

       <p>我是第一个段落</p>

       <p>我是第二个段落</p>

  </div>

 

  <p>我是第三个段落</p>

</div>

</body>

</html>


提问者:旅sir 2017-05-29 16:12

个回答

  • 慕虎3236612
    2017-05-30 11:45:23
    已采纳

    .wrapper>div:nth-child(3)>p:nth-child(2) 

  • 慕慕1372290
    2019-08-29 18:56:32

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

      background: orange;

    }

    .wrapper p:nth-of-type(2){

      background: orange;

    }


  • _Morgan
    2017-05-30 11:47:10

    .wrapper p:nth-of-type(2)