想请教一下,为何段落中的这句话要有两对span???
<span>我还是一个<span>胆小如鼠</span>的小女孩</span>
难道我不能直接<span>我还是一个胆小如鼠的小女孩</span>???
看下一节应该就懂了
如果你把span后面的>换成空格,再看一下效果吧。>相当于只作用于子元素,而对曾元素不起作用,就是只作用于那个最大的span,嵌套的span不起作用。而空格则对所有的元素都起作用。你还是试一下效果
主要是为了显示出只影响第一代子元素,而第二代(第二个span)不受影响,不然的话显示结果应该是文字段有两个框(由于两个框高度一样会看成并排三个)
可以只用一个,但采用两个的话,可以分别设置
两个<span></span>其实是嵌套使用,这样目的是让学习者明白子选择器只作用于指定标签下的第一个子元素生效,那么只有最外层的<span>生效了效果,里面胆小如鼠那个span不生效
让你可以设置不同样式,如<span style="color:blue">我还是一个<span style="color:red">胆小如鼠</span>的小女孩</span>
我是直接删除了中间的那两个标签,感觉像是弄错了