CSS的新伪类——::selection

可指定选择的文字的样式,但只有 2 个属性。


今天在 whtsky的博客 发现了这个CSS伪类——::selection

大家都知道,网页选择文字的颜色多是蓝底色,白前色(Windows 下),

而这个伪类可以使选择文字的样式变得不太单调:

代码示例:

::selection{color:#888;background-color:#EEE;}
::-moz-selection{color:#888;background-color:#EEE;}
::-webkit-selection{color:#888;background-color:#EEE;}
/*上面代码的生效范围为全网页.*/

-----

.test::selection{color:#888;background-color:#EEE;}
/*这行代码则只生效与class="test"的标签.*/

第二部分的代码效果如下:


上面的例子已经把 ::selection 的用法写出来了,但除了 color 和 background 我们还能不能加上其他的属性呢?

.test1::selection{background-color:#DDD;font-size:20px;}

上面例子的效果:


从例子中我们可以看到,::selection 这个伪类只支持 color 及 background。