《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.5 E::selection伪类选择器

19.4.5 E::selection伪类选择器

E::selection伪类选择器用来指定当元素处于选中状态时的样式。
代码清单19-24为一个E::selection伪类选择器的使用示例,在该示例中分别给出了一个p元素,一个文本框控件以及一个表格。当p元素处于选中状态时,被选中文字变为红色;当文本框控件处于选中状态时,被选中文字变为灰色;当表格处于选中状态时,被选中文字变为绿色。


这段代码的运行结果如图19-36所示:

19.4.6 E:invalid伪类选择器与E:valid伪类选择器

q E:invalid伪类选择器用来指定,当元素内容不能通过HTML 5通过使用元素的诸如required、pattern等属性所指定的检查或元素内容不符合元素的规定格式(例如通过使用type属性值为Email的input元素来限定元素内容必须为有效的Email格式)时的样式。

q E:valid伪类选择器用来指定,当元素内容通过HTML 5通过使用元素的诸如required、pattern等属性所指定的检查或元素内容符合元素的规定格式(例如通过使用type属性值为Email的input元素来限定元素内容必须为有效的Email格式)时的样式。

代码清单19-25为一个E:invalid伪类选择器与E:valid伪类选择器的使用示例。示例页面中具有一个使用了required属性的input元素,当元素中没有被填入内容时元素背景色为红色,当元素中填入内容后元素背景色变为白色。

19.4.7 E:required伪类选择器与E:optional伪类选择器

q E:required伪类选择器用来指定允许使用required属性,且已经指定了required属性的input元素、select元素以及textarea元素的样式。

q E:optional伪类选择器用来指定允许使用required属性,且未指定required属性的input元素、select元素以及textarea元素的样式。

代码清单19-26为一个E:required伪类选择器与E:optional伪类选择器的使用示例。示例页面中具有两个分别用于输入姓名与住址的文本框,并且对用于输入姓名的文本框指定了required属性,不对用于输入住址的文本框指定required属性。同时通过E:required伪类选择器指定用于输入姓名的文本框边框为红色,宽度为3px,通过E:optional伪类选择器指定用于输入住址的文本框边框为黑色,宽度为1px。


19.4.8 E:in-range伪类选择器与E:out-of-range伪类选择器

q E:in-range伪类选择器用来指定当元素的有效值被限定在一段范围之内(通常通过min属性值与max属性值来限定),且实际输入值在该范围内时使用的样式。

q E:out-of-range伪类选择器用来指定当元素的有效值被限定在一段范围之内(通常通过min属性值与max属性值来限定),但实际输入值在该范围之外时使用的样式。

代码清单19-27为一个E:in-range伪类选择器与E:out-of-range伪类选择器的使用示例。示例页面中包含一个数值输入控件(type属性值为number的input元素),通过min属性值与max属性值限定元素内的有效输入数值为从1到100,通过E:in-range伪类选择器指定元素内的输入值在该范围内时元素背景色为白色,通过E:out-of-range伪类选择器指定元素内的输入值在该范围之外时元素背景色为红色。


时间: 2024-09-16 04:22:34

《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.5 E::selection伪类选择器的相关文章

CSS中Selection 伪类选择器示例

::selection 伪类选择器用于突出显示的页面用户选择的任何部分,包括可编辑文本字段中的文本. 此伪元素可应用于 color , background-color ,background(background-color 部分) 和text-shadow(注:到目前位置IE下该属性无效)属性.设置其他属性是没有任何效果的. 火狐下需要加-moz-属性前缀: 支持浏览器:Chrome,Firefox (Gecko),Internet Explorer 9+,Opera,Safari 例如:

《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.3 E:read-only伪类选择器与E:read-write伪类选择器

19.4.3 E:read-only伪类选择器与E:read-write伪类选择器 q E: read-only伪类选择器用来指定当元素处于只读状态时的样式. q E: read-write伪类选择器用来指定当元素处于非只读状态时的样式. 在Firefox浏览器中,需要写成"-moz-read-only"或"-moz-read-write"的形式. 代码清单19-20为E: read-only选择器与E: read-write选择器结合使用的一个示例,在该示例中有一

《HTML 5与CSS 3权威指南(第3版·下册)》——19.4.2 E:enabled伪类选择器与E:disabled伪类选择器

19.4.2 E:enabled伪类选择器与E:disabled伪类选择器 q E:enabled伪类选择器用来指定当元素处于可用状态时的样式. q E:disabled伪类选择器用来指定当元素处于不可用状态时的样式. 当一个表单中的元素经常在可用状态与不可用状态之间进行切换时,通常会将E: disabled伪类选择器与E:enabled伪类选择器结合使用,用E:disabled伪类选择器来设置该元素处于不可用状态时的样式,用E: enabled伪类选择器来设置该元素处于可用状态时的样式. 代码

《HTML 5与CSS 3权威指南(第3版·下册)》——导读

前 言 为何写作本书 2014年10月28日,W3C的HTML工作组正式发布了HTML 5的正式推荐标准(W3C Recommendation),这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议(TPAC 2014)上宣布的.HTML 5在这一版本中增加了支持Web应用开发者的许多新特性,以及更符合开发者使用习惯的新元素,并重点关注定义清晰的.一致的准则,以确保Web应用和内容在不同用户代理(浏览器)中的互操作性.HTML 5是构建开放Web平台的核心. 2015年4月9日,W

谈谈一些有趣的CSS题目(十)-- 结构性伪类选择器

开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧. 不断更新,不断更新,不断更新,重要的事情说三遍. 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 谈谈一些有趣

《HTML 5与CSS 3权威指南(第3版·下册)》——19.3结构性伪类选择器

19.3 结构性伪类选择器 本节介绍CSS 3中的结构性伪类选择器,在介绍结构性伪类选择器之前,先来介绍一下CSS中的伪类选择器及伪元素. 19.3.1 CSS中的伪类选择器及伪元素 1.伪类选择器概述 我们知道,在CSS中,可以使用类选择器把相同的元素定义成不同的样式,如针对一个p元素,我们可以做如下所示定义.p.right{text-align:right}p.center{text-align:right} 然后在页面上对p元素使用class属性,把定义好的样式指定给具体的p元素,代码如下

《HTML 5与CSS 3权威指南(第3版·下册)》——第19章 选 择 器

第19章 选 择 器本章针对CSS 3中使用的各种选择器进行详细介绍,通过选择器的使用,你不再需要在编辑样式时使用多余的以及没有任何语义的class属性,而是直接将样式与元素绑定起来,从而节省大量在网站或Web应用程序已经完成之后修改样式时所需花费的时间.学习内容:掌握CSS 3中使用的选择器的基本概念.知道什么是选择器以及为什么需要使用选择器,使用选择器有什么好处.掌握CSS 3中的各种属性选择器的概念以及使用方法,其中包括:[att=val]选择器[att*=val]选择器[att^=val

《QTP自动化测试权威指南(第二版)》—第1章1.5节QTP许可证模式

1.5 QTP许可证模式 QTP自动化测试权威指南(第二版) 1.QTP支持以下两种类型的许可证. 单机版许可证 并发许可证 2.单机版许可证 单机版许可证是一个节点锁定或基于机器的许可证.这个许可证仅能用在生成的那台机器上,因为QTP生成的锁定码只能针对于安装它的那台机器. 如要申请一个单机版许可证,如图1-10中所示选择"Seat license"复选按钮然后点击Next.点击之后,许可证向导会如图1-11所示.显示本机的锁定码.将锁定码记录下来然后访问https://webwar

《QTP自动化测试权威指南(第二版)》目录—导读

内容提要 QTP自动化测试权威指南(第二版) 本书是QTP测试的权威指南,展示了作者在软件测试方面的造诣.本书分为基础知识和高级技巧两个部分.第1章-第18章是基础知识篇,介绍了QTP的基本功能.第1章自动化测试流程,第2章QTP帮助文档的使用,第3章对象库,第4章数据池,第5章操作模块(Action),第6章QTP环境变量,第7章保留对象,第8章检查点,第9章库函数文件.第10章描述性编程,第11章QTP的调试功能,第12章场景恢复,第13章正则表达式,第14章VBScript,第15章同步点