个回答

• 爱上慕婉清6262634

  2017-09-27 18:51:27

  我觉得应该是这样的，div:first-of-type选中的是第一个div ，加上空格之后，就变成了选中div下所有后代元素下第一个子元素，空格后面应该输入标签，但却什么也有输入，默认匹配任何标签，只要是占据第一个子元素位置就算数 

  <div class="wrapper">

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

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

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

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

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

    <div><h1><p>我是第三个Div元素</p><p>我是第三个Div元素</p></h1><h1><p>我是第三个Div元素</p><p>我是第三个Div元素</p></h1></div>

  </div>

  测试如上代码 第一个div下p变黄，最后一个div下h1内部全部变黄，第二个h1内部第一个p变黄

  0

• 小黍

  2016-12-20 16:06:21

  div:first-of-type会得到我们这节课预期的效果，

  div :first-of-type这个写法也是可以吧，测试了一下有两行变成橙色，第一个div和第一个p这两行变色了，选择器中间加空格就是后代元素的意思，如div p;这里加空格应该等价于div div:first-of-type,div p:first-of-type; (div :first-of-type,div（类名为wrapper）的后代元素类型只有p和div)

  
  

  
  

  0

• qq_绊夜吹口哨_04089892

  2016-12-09 14:24:25

  div.on//此div里面具有on类名的div

  div .on//此div的子节点里面具有on类名的div

  div:first-of-tyle//第一个类型为div的子节点

  div :first-of-type//这个应该是错误的写法,没有类型

  1