为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

57997bb70001c3cf05000269.jpg

57997bb8000124ac05000280.jpg

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

正在回答

6 回答

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

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

1 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

什么事块级元素耶?
2016-07-28 回复 有任何疑惑可以回复我~
  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

5 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

谢谢您
2016-07-28 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

谢谢您
2016-07-28 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

谢谢您
2016-07-28 回复 有任何疑惑可以回复我~

优先级的问题

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信