问答详情
源自:7-4 CSS3选择器 ::selection选择器

为啥连“::selection”字符串也显示出来了啊?

style.css修改正确以后,右边还是能显示“::selection”字符串啊,这是为什么呢?

提问者:iOSnow 2015-02-08 20:52

个回答

  • 西地锦
    2015-02-09 14:31:21
    已采纳

    ::selection{}这样写是针对全文有效的。如果你要针对某段文字的话,你可以针对特定的文字段落设定::selection

    <p class="class1">sdf加黑色的饭卡上登记费</p>
    <p class="class2">s加上代购发生地方可圣达菲哈哈撒地方好多</p>
    .class1::selection{color:#FFF;background:orange;}

    这样第一个P标签就是自己定义的效果,第二个p标签就是浏览器默认的了~~

  • caixiangqi
    2015-04-28 13:15:19

    把你要特别处理的文字用比如<span></span>包含起来就可以咯 ,然后span::selection{ }



    <p><span>“::selection”</span>伪元素是用来匹配突出显示的文本。浏览器默认情况下,选择网站文本是深蓝的背景,白色的字体,
    有的设计要求不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时<span>“::selection”</span>伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。</p>


    css:

    span::selection{
      background: orange;
      color: white;
    }

  • Rhinel
    2015-04-11 14:45:58

    大哥,那个是P标签里面的内容

  • iOSnow
    2015-02-09 13:51:41

    我在左侧代码里去掉了“::selection”字符串,在框选的时候,仍然可以按照橙色显示反白。那么,我理解,::selection是对全文都有效吗?如果我只是想让某几个字符或者某一段有特别的反白,应该怎么做呢?

  • iOSnow
    2015-02-09 13:49:23

    http://img.mukewang.com/54d84a4600018a2414530193.jpg


    画红框的地方。

  • 西地锦
    2015-02-09 13:28:19

    不懂楼主的提问想要表达的是什么意思......可否截图说明一下~