为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

7 回答

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

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

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

0 回复 有任何疑惑可以回复我~
#1

iOSnow 提问者

也就是说,课程里的::selection是完全没有用的,可以去掉喽?
2015-02-09 回复 有任何疑惑可以回复我~
#2

iOSnow 提问者

非常感谢!
2015-02-11 回复 有任何疑惑可以回复我~

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



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


css:

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

0 回复 有任何疑惑可以回复我~

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

1 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//54d84a4600018a2414530193.jpg


画红框的地方。

0 回复 有任何疑惑可以回复我~
#1

TWT

画红框的地方是段落标签<p>……</p>里面的内容。
2015-09-14 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

iOSnow 提问者

截图见下面的回复。
2015-02-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242122    人
  • 解答问题       2623    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信