<div class="post"> <p>我是一个段落</p> </div>
.post p:only-child { background: orange; }
是div块还是p添加了background样式
这里改变的是p元素的背景,前面的.post是筛选条件,一般指向最后哪个元素。
这里的意思是:class为post元素下的p元素,且p是唯一的子元素。:only-child是紧跟p后面的,是对p自身的解释(p是唯一的子元素),若在p后面添加空格就不是对其自身进行解析了。你可以动手试试,多思考就知道了。
:only-child的意义为,选择某一类型的唯一子元素,css中表示选择有唯一子元素p的div,则此时p原色添加了background样式。