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

来源:6-14 CSS3 only-child选择器

weibo_happy的小小明_0

2017-05-13 10:07

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

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

写回答 关注

3回答

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

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

    weibo_...

    非常感谢!

    2017-05-13 13:32:12

    共 1 条回复 >

  • 极武者
    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样式。

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题