<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
这里为什么要用2个<span></span>??
和用一个的有区别吗??
当你设定外面这个元素为红色,同时里面的元素为绿色的时候就会出现这种包含关系了
还一种方法就是写三个标签也可以实现,这样麻烦一点
但是如果你要指定颜色的元素很多,而这些元素又包含在一个大的元素中,你要同时设定里面和外面的内容时,这样写就简单了,指定完里面的小的元素剩下的内容用一个大元素就给包括了。
子选择器不好理解,你可以理解成直接定点选择,也可以理解成指哪打哪
这是为了区别外面的span和里面的span(胆小如鼠)的,比如子选择器.first>span选择的就是外面的span,不会涉及到里面的span的内容,但当你用包含选择器.first span的时候,这样就同时涉及到这两个span了
有区别阿,这样使用可以把“我还是一个胆小如鼠的小女孩”单独拎出来设置样式,同时可以把“胆小如鼠”单独拎出来设置和“我还是一个”,“的小女孩”不一样的样式
内嵌的span是为了另外设置“胆小如鼠”的格式用的吧
没区别的