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

关键词： 伪类  选择器  in  range  out 

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

关键词： 伪类  选择器  required  optional 

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

关键词： 伪类  选择器  invalid 

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

关键词： 伪类  选择器  selection 

E:checked伪类选择器用来指定当表单中的radio单选框或checkbox复选框处于选取状态时的样式。代码清单19-21为一个E:checked伪类选择器的使用示例，在该示例中使用了几个checkbox复选框，复选框在非选取状态时边框

关键词： checked    default 

E: read-only伪类选择器用来指定当元素处于只读状态时的样式。E: read-write伪类选择器用来指定当元素处于非只读状态时的样式。在Firefox浏览器中，需要写成-moz-read-only或-moz-read-write的形式。代码清单1

关键词： 伪类  选择器  E:read  only 

E:enabled伪类选择器用来指定当元素处于可用状态时的样式。E:disabled伪类选择器用来指定当元素处于不可用状态时的样式。当一个表单中的元素经常在可用状态与不可用状态之间进行切换时，通常会将E:disabled伪类选

关键词： 伪类选择器E:enabled与E:disabled 

E:hover伪类选择器被用来指定当鼠标指针移动到元素上时元素所使用的样式，使用方法如下所示：<元素>:hover{ 指定样式}可以在<元素>中添加元素的type属性，使用方法类似如下：input[type="text"]: hover{

关键词： 　伪类  选择器  hover 

在CSS 3的选择器中，除了结构性伪类选择器外，还有一种UI元素状态伪类选择器。这些选择器的共同特征是：指定的样式只有当元素处于某种状态下时才起作用，在默认状态下不起作用。在CSS 3中，共有17种UI元素状态

关键词： 元素  状态 

采用如下所示的方法并结合运用nth-child选择器与nth-last-child选择器，则可指定当某个父元素中只有一个子元素时才使用的样式。<子元素>:nth-child(1)：nth-last-child(1){ 指定样式}接下来，我们看一个示例

关键词： only    child  选择器 

通过前几节的介绍，我们已经知道，使用nth-child选择器、nth-last-child选择器、nth-of-type选择器与nth-last-of-type选择器，我们可以对父元素中指定序号的子元素、第奇数个子元素、第偶数个子元素来单独进行样

关键词： 样式 

1 使用选择器nth-child和nth-last-child时会产生的问题之前，我们介绍过将nth-child选择器与nth-last-child选择器用于某些元素时，会产生一些问题，这里我们首先来看一下究竟会产生什么问题。在代码清单19-15中，

关键词： 选择器  nth  of  type  nth 

本节介绍first-child选择器、last-child选择器、nth-child选择器与nth-last-child选择器。利用这几个选择器，能够特别针对一个父元素中的第一个子元素、最后一个子元素、指定序号的子元素，甚至第偶数个或第奇数

关键词： 选择器  first-child 

在介绍完了CSS中的伪类选择器与伪元素选择器之后，让我们来看一下CSS 3中的结构性伪类选择器。结构性伪类选择器的共同特征是允许开发者根据文档树中的结构来指定元素的样式。首先，我们来看4个最基本的结构性伪

关键词： 选择器  root、not、empty  和  target 

19 3　结构性伪类选择器本节介绍CSS 3中的结构性伪类选择器，在介绍结构性伪类选择器之前，先来介绍一下CSS中的伪类选择器及伪元素。19 3 1　CSS中的伪类选择器及伪元素1 伪类选择器概述我们知道，在CSS中，可以

关键词： 元素 

如果能够灵活运用属性选择器，目前为止需要依靠id或class名才能实现的样式完全可以使用属性选择器来实现。例如，利用[att$=val]属性选择器，可以根据超链接中不同的文件扩展符使用不同的样式。在代码清单19-3所示

关键词： 属性 

在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。1 [att*=val] 属性选择器[att*=val]属性选择器的含义是：如果元素用att表示的属性的属性值中包

关键词： 属性 

19 2　属性选择器19 2 1　属性选择器概述在HTML中，通过各种各样的属性，我们可以给元素增加很多附加信息。例如，通过width属性，我们可以指定div元素的宽度，通过id属性，我们可以将不同的div元素进行区分，并且

关键词： 属性 

选择器是CSS 3中一个重要的内容。使用它可以大幅度提高开发人员书写或修改样式表时的工作效率。在样式表中，一般会书写大量的代码，在大型网站中，样式表中的代码可能会达到几千行。麻烦的是，当整个网站或整个

关键词： 选择器  概述 

本章针对CSS 3中使用的各种选择器进行详细介绍，通过选择器的使用，你不再需要在编辑样式时使用多余的以及没有任何语义的class属性，而是直接将样式与元素绑定起来，从而节省大量在网站或Web应用程序已经完成之

关键词： 概述