CSS3教程

当前位置: HTML5技术网 > CSS3教程 > CSS3每日一练之选择器-状态伪类选择器[五]

CSS3每日一练之选择器-状态伪类选择器[五]

       到目前为止,我们学习了很多伪类选择器,今天我们来学习一下selection伪类选择器,不是select下拉列表。
::selection选择器:
  此选择器使用了两个“:”不是笔误,它的标准写法就是这样;作用主要是用来指定元素处于选中状态时的样式,案例如下:
复制代码运行代码编辑代码
  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <meta charset="gb2312">
  5.         <title>CSS3每日一练之选择器-状态伪类选择器[五] | 前端开发网(W3Cfuns.com)!</title>
  6.         <style type="text/css">
  7.         *{margin:0; padding:0;}
  8.                 body{margin-bottom:20px; font-size:14px;}
  9.                         p{height:30px; line-height:30px; font-family:"Microsoft Yahei";}
  10.                         p::selection{color:#fff; background:#900;}/*当文字选中时,背景红色,字体颜色为白色*/
  11.         </style>
  12.     </head>
  13.    
  14.     <body>
  15.             <p>前端开发网(W3Cfuns.com)!</p>
  16.             <p>W3CSchool,web前端开发起飞区,Web前端开发高手聚集地,教程、资源完全免费!</p>
  17.             <p>CSS3每日一练之选择器-状态伪类选择器[五] | 前端开发网(W3Cfuns.com)!</p>
  18.     </body>
  19. </html>

【CSS3每日一练之选择器-状态伪类选择器[五]】相关文章

1. CSS3每日一练之选择器-状态伪类选择器[五]

2. CSS3每日一练之选择器-状态伪类选择器[四]

3. CSS3每日一练之选择器-状态伪类选择器[三]

4. CSS3每日一练之选择器-状态伪类选择器[二]

5. CSS3每日一练之选择器-状态伪类选择器[一]

6. CSS3每日一练之选择器-结构性伪类选择器[三]

7. CSS3每日一练之选择器-结构性伪类选择器[二]

8. CSS3每日一练之选择器-结构性伪类选择器[一]

9. CSS3每日一练之选择器-结构性伪类选择器[六]

10. CSS3每日一练之选择器-结构性伪类选择器[五]

本文来源:https://www.51html5.com/a861.html

点击展开全部

﹝CSS3每日一练之选择器-状态伪类选择器[五]﹞相关内容

「CSS3每日一练之选择器-状态伪类选择器[五]」相关专题

其它栏目

也许您还喜欢