为什么无法排除section里的第一个H1,而且剩余的H1也无法选中了

为什么无法排除section里的第一个H1,而且剩余的H1也无法选中了

http://img1.sycdn.imooc.com/climg//58b2e0eb0001d2de19201040.jpg

section > h1:not(first-of-type)

section > h1:not(.banner > h1)

都无法排除banner中的h1....不知为何

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

section >h1:not(:first-of-type)是选择父元素section下的子元素h1,同时剔除父元素section下的第一个h1元素(此时h1不必是第1个子元素).此时,例子中的5个h1都被排除.



section >h1:not(:nth-child(2))可以单独排除banner中的h1(h1为父元素section下的第2个子元素).


  • xurdy 提问者 #1
    section > h1:not(.banner > h1) 为何无法单独排除 banner中的h1 ?
    2017-02-27 08:42:45
  • xurdy 提问者 #2
    还有个问题如果我 banner中的结构这样写: <section class="banner"> <h1>Weclome to Website</h1> <p>Lorem ipsum dolor sit amet,consectetur adipisicing edit</p> <img src="images/banner.jpg"> </section> 又该如何单独排除 banner中的 h1 呢?
    2017-02-27 09:41:57
  • Hbrsql 回复 提问者 xurdy #3
    h1:not(.banner )是指选择h1,同时剔除class为.banner的h1,本例中的.banner不是h1的class. 建议改成section:not(.banner ) h1试试. 另外,我不清楚 h1:not(.banner > h1)在括号中是否允许写这样完整的属性来进行选择.
    2017-02-27 10:29:47
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师