老师不理解的~

老师不理解的~

1\    :only-of-type

2\    :only-child

3\    :last-child

4\    :first-child

希望老师通俗且易理解的解答

嘻嘻我比较笨

正在回答

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

1回答

1、 :only-of-type选择器选取属于其父元素的特定类型的唯一子元素

http://img1.sycdn.imooc.com//climg/5b7a7e490001ba8711400758.jpg

2、:only-child选择器选取属于其父元素的唯一子元素

http://img1.sycdn.imooc.com//climg/5b7a7ccd0001ad3c11520446.jpg

3、:last-child 选择器选取属于其父元素的最后一个子元素

http://img1.sycdn.imooc.com//climg/5b7a82200001cc8011250864.jpg

4、:first-child 选择器选取属于其父元素的第一个子元素

http://img1.sycdn.imooc.com//climg/5b7a80fd0001fecd10950795.jpg

建议同学结合代码理解一下哦

祝学习愉快!

  • 慕神6715844 提问者 #1
    也就是1和2都是一样的,只不过是两种方法
    2018-08-20 17:16:48
  • 卡布琦诺 回复 提问者 慕神6715844 #2
    :only-of-type要比:only-child选择范围大一些,:only-of-type能够选取到 <div> <span>这是span元素</span> <p>我是唯一的p元素</p> </div>这种情况下:only-child选取不到的(不起作用):only-child只能选取带有一个子元素的,即 <div> <p>我只有一个段落</p> </div>
    2018-08-20 17:22:47
  • 慕神6715844 提问者 #3
    谢谢老师,真是辛苦了。
    2018-08-20 17:33:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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