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

来源:7-4 CSS3选择器 ::selection选择器

iOSnow

2015-02-08 20:52

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

写回答 关注

6回答

  • 西地锦
    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标签就是浏览器默认的了~~

    iOSnow

    非常感谢!

    2015-02-11 00:23:58

    共 2 条回复 >

  • 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


    画红框的地方。

    TWT

    画红框的地方是段落标签<p>……</p>里面的内容。

    2015-09-14 22:46:13

    共 1 条回复 >

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

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

    iOSnow

    截图见下面的回复。

    2015-02-09 13:49:45

    共 1 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题