Copyright © 2000-2016 www.knowsky.com All rights reserved | 沪ICP备05001343号

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: |||超大  

selection伪元素小解上一篇:《RGBA与Opacity区别小解》p{font-size:14px;}今天说一个简单的伪元素::selection,它的用武之地仅在于改变选中文本时文本的颜色和文本背景颜色。

网页默认选择文本后,文字颜色为白色,文字背景颜色为蓝色,要改变这种选择样式,可以使用::selection伪元素来分别设置文本颜色和文本背景颜色。

在线查看高清无码效果可以猛戳这里这里或直接点击下面的网址:

http://codepen.io/myvin/pen/bdLXvK

给出例子,先来个段落:

HTML Markup:

<p>十八新娘八十郎,苍苍白发对红妆。 鸳鸯被里成双夜,一树梨花压海棠。</p>

样式修饰:

p::selection{background-color: red;color:blue;}

效果如下:

这里有两点需要注意:

selection伪元素只能设置background-color和color两个属性,不能设置除此之外的其他任何属性在CSS3中selection伪元素使用双冒号::,不能使用单冒号:,写单冒号不会起到selection的作用,因为在CSS3规范中规定:

伪类写法使用单冒号:,如:last-child伪元素写法使用双冒号::,如::first-line和裆下的::selection在CSS2中伪类和伪元素都使用单冒号:,但是在FF37.0.2版本和Chrome 43.0.2357.130版本中,单冒号:selection不起作用,before和after起作用

下一篇:《纯CSS打造银色MacBook Air》

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航