问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

8-7包含(后代)选择器

两图片中标红线位置,一样。不过第一张.first确定<h6>标签,第二张.first确定<p>标

57997bb70001c3cf05000269.jpg

57997bb8000124ac05000280.jpg

签,那么请问第二张表红线部分为什么出不来效果

提问者:慕田峪0816849 2016-07-28 11:26

个回答

  • 慕粉3472571
    2016-07-28 11:41:12
    已采纳

    块级元素不允许包含块级元素,因此<p></p>中包含<p></p>会报错,去掉内部的<p></p>即可。下面是修改后的结果:

    <p class="first">三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回<span>答老</span>师提出的问题。</p>

  • 慕田峪0816849
    2016-07-28 16:27:32

    1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:
      [div][h1][/h1][p][/p][/div] —— 对
      [a href=”#”][span][/span][/a] —— 对
      [span][div][/div][/span] —— 错


      2. 块级元素不能放在[p]里面:
      [p][ol][li][/li][/ol][/p] —— 错
      [p][div][/div][/p] —— 错


      3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
      h1、h2、h3、h4、h5、h6、p、dt。


      4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:
      li 和 div 标签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大滴……
      5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:


      [div][h2][/h2][p][/p][/div] —— 对
      [div][a href=”#”][/a][span][/span][/div] —— 对
      [div][h2][/h2][span][/span][/div] —— 错
       
       
      [a]标签不能包含其他[a]标签
      [pre]标签不能包含[img],[object],[big],[samll],[sub]和[sup]标签
      [button]标签不能包 含[input],[select],[textarea],[label],[button],[form],[fieldset],[iframe] 和[isindex]标签
      [label]标签不能包含其他[label]标签
      [form]标签不能包含其他[form]标签

      这个网站介绍的很具体大家可以看看:html块级元素和内嵌元素-嵌套规则html/js/css  http://txjia.com/tip/?2014-7W-EEG0

  • 坨坨大妈
    2016-07-28 14:23:40

    像 form,div就是常见的块级元素,块级元素会另起一行,不会接着上面的元素呈现在一行里,你可以用div和span来试试看就知道了。

  • 慕桂英3588515
    2016-07-28 14:16:42

    <p>.......</p>就是块级元素

  • 纯朴的林同学
    2016-07-28 11:37:12

    因为p里面不能包p啊。p是块级元素。

  • qq_誓言是谎言_0
    2016-07-28 11:35:54

    优先级的问题