第一章:第三课 选择器-状态伪类选择器[五]

到目前为止,我们学习了很多伪类选择器,今天我们来学习一下selection伪类选择器,不是select下拉列表。

::selection选择器:
  此选择器使用了两个“:”不是笔误,它的标准写法就是这样;作用主要是用来指定元素处于选中状态时的样式,案例如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>CSS3每日一练之选择器-状态伪类选择器[五] | 前端开发网(W3Cfuns.com)!</title>
<style type="text/css">
*{margin:0; padding:0;}
body{margin-bottom:20px; font-size:14px;}
p{height:30px; line-height:30px; font-family:"Microsoft Yahei";}
p::selection{color:#fff; background:#900;}/*当文字选中时,背景红色,字体颜色为白色*/
</style>
</head>

<body>
<p>前端开发网(W3Cfuns.com)!</p>
<p>W3CSchool,web前端开发起飞区,Web前端开发高手聚集地,教程、资源完全免费!</p>
<p>CSS3每日一练之选择器-状态伪类选择器[五] | 前端开发网(W3Cfuns.com)!</p>
</body>
</html>



你可能感兴趣的:(选择器)