<p class="first">三年级时,<span>我还是一个胆小如鼠的小女孩</span>和<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>什么区别?
就是在<span>里面嵌套多一个<span>,主要是为了让大家了解节点的父子关系。
这一节使用的子选择器只作用于第一代子节点,第二代以后的都不影响。
例如:
.food>span{border:1px solid red;}
会作用<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,但是对于<span>胆小如鼠</span>就不管了
我觉得<p class="first">三年级时,<span>我还是一个胆小如鼠的小女孩</span>
与<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>两者有无区别就是前面<head></head>里面的选择器有关,如果是子选择器,就没有区别,如果是包含选择器就是有区别了,你要看自己<head></head>里面的选择器在做选择。
好的,非常感谢!?
span是内联元素,里面还是可以嵌套span的,你可以再针对做一些样式