其实“我还是一个胆小如鼠的小女孩”这句可以直接改为“我还是一个胆小如鼠的小女孩”不就好了么,为什么要这么多个呢?
.first>span{border:1px solid red;} 这行代码是使class名为first的第一代子元素span(我还是一个胆小如鼠的小女孩)加入红色边框
你认为的中间多余的span(胆小如鼠) 是第二代子元素,不会单独被加红色边框
题目可能是想证明:子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。不能选定第二代元素。
扩展:如果把“>”改为空格,就会发现两个span都有边框了。空格用于元素的所有子元素的。
使用子选择器时,最终效果是一样的,中间的span效果显示不出来,所以可以去掉中间的
截图的我已经修改为类选择器的~~截图的时候直接截这样的了。