鞋带掉了_
2015-01-28 13:58
为什么只有这样子才是出现红框 <p class="first">三年级时,<span class="first">我还是一个胆小如鼠的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
为什么这样却没有出现红框<p >三年级时,<span class="first">我还是一个胆小如鼠的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
我怎么觉得前一个,在我还是一个胆小如鼠的女孩前面的一个span里面的class="first"是多余的呢……
第一个例子之所以存在红框是因为浏览器在寻找到第一个“class”类之后就不再寻找“class”类而是寻找“span”元素,而后面存在“span”元素符合CSS定义要求,出现红框;而第二个则是因为浏览器在寻找到“class”类之后。因为在<span class="first">我还是一个胆小如鼠的小女孩</span>之后不存在第一代子元素“span”,不符合定义,不会出现红框。
.first>span{border:1px solid red;} 这个定义本身表示标签span是子选择器first的下一级,所以作为上层的class="first"可以嵌入<p>中,而不能嵌入下层的span中。
试了下出现了的吧
.first {border:1px solid red;}
初识HTML(5)+CSS(3)-升级版
1225293 学习 · 18230 问题
相似问题