CSS3每日一练之选择器-状态伪类选择器[五]
到目前为止,我们学习了很多伪类选择器,今天我们来学习一下selection伪类选择器,不是select下拉列表。
::selection选择器:
此选择器使用了两个“:”不是笔误,它的标准写法就是这样;作用主要是用来指定元素处于选中状态时的样式,案例如下:
复制代码运行代码编辑代码
::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>
【CSS3每日一练之选择器-状态伪类选择器[五]】相关文章
本文来源:https://www.51html5.com/a861.html
上一篇:CSS3每日一练之选择器-结构性伪类选择器[一]
下一篇:CSS3制作的分页导航
﹝CSS3每日一练之选择器-状态伪类选择器[五]﹞相关内容
- CSS3每日一练之选择器-结构性伪类选择器[四]
- CSS3每日一练之选择器-兄弟元素选择器
- CSS3每日一练之选择器-属性选择器
- CSS3每日一练之选择器-插入文字
- HTML5每日一练之progress标签的应用
- HTML5每日一练之视频标签的应用
- HTML5每日一练之OL列表的改良
- HTML5每日一练之datalist标签自动补全的使用
- HTML5每日一练之FileList文件列表对象的应用
- HTML5每日一练之figure新标签的应用