关于4-7编程练习

关于4-7编程练习

在4-7的编程练习中为什么用       body::selection {

                                                   background-color:yellow;

                                                   }

并没有相应的显示效果,而         p::selection{

                                                  background-color:yellow

                                                  }可以显示出效果?

正在回答 回答被采纳积分+1

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

2回答
好帮手慕小班 2019-09-05 13:45:20

同学你好,比如我们在body中直接写一个文本子节点,此时使用::selection 就是可以生效的:

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

继续加油!祝:学习愉快~

芝芝兰兰 2019-05-18 11:33:05

同学你好。::selection 选择器匹配被用户选取的选取是部分。即对选中文本的操作。若要整个页面的文本(而不是特定标签下)都产生选择时的效果,可以试试:

::selection {
    background-color:yellow;
}

如果解答了同学的疑问,望采纳~

祝学习愉快~


  • 为什么body不可以呢
    2019-08-30 12:08:05
  • 同学你好,这里的原因是:body标签中虽然包含着h3和p标签中的文字内容,但是没有直接的文字子节点,所以是不生效的,假设我们直接在body标签中,书写一个文本子节点,此时body::selection中的内容就是生效的。继续加油~祝:学习愉快
    2019-08-30 15:47:02
  • 老师,可以举个例子吗?就是将代码写出来,写成文字不太好理解
    2019-09-05 10:23:01
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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