问答详情
源自:6-14 CSS3 only-child选择器

这个backgroun样式是添加在了父元素上还是子元素上了

<div class="post">
  <p>我是一个段落</p>
</div>
.post p:only-child {
  background: orange;
}

是div块还是p添加了background样式

提问者:weibo_happy的小小明_0 2017-05-13 10:07

个回答

  • 极武者
    2017-05-13 11:04:13
    已采纳

    这里改变的是p元素的背景,前面的.post是筛选条件,一般指向最后哪个元素。

  • 极武者
    2017-05-13 11:00:51

    这里的意思是:class为post元素下的p元素,且p是唯一的子元素。:only-child是紧跟p后面的,是对p自身的解释(p是唯一的子元素),若在p后面添加空格就不是对其自身进行解析了。你可以动手试试,多思考就知道了。

  • ChangerHe
    2017-05-13 10:44:18

    :only-child的意义为,选择某一类型的唯一子元素,css中表示选择有唯一子元素p的div,则此时p原色添加了background样式。