在css3提供的新选择器之前，选择一个元素需要借助id或者class，css3新增的选择器可以更灵活的去选择需要的元素，那css3提供了哪些好用的选择器呢？ 首先就是属性选择器，我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素，不用额外再添加class或者id比如需要选择 ...

1、属性选择器 　　属性选择器，可以根据元素特定的属性来选择元素，这样就不用借助 类 或者 id选择器。 　　E [ att ] 选择具有 att 属性的 E 元素 例如：input [ value ] 　　E [ att = 'val' ] 选择具有 att 属性且属性值等于 ...

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于 ...

一、结构（位置）伪类选择器（ : ） 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器（[ ]） 1、[ 属性 ...

伪元素选择器属性介绍 •伪元素主要作用就是操作元素的文本和添加内容 •伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中 ...

结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child ...

伪元素 能使用伪元素来选择元素中的一些特殊位置 一、给段落定义样式 :first-letter 首字母（只能用于块元素） :first-line 第一行 1、为p元素中的第一个字符设置颜色为黄色，字体为30px p:first-letter{color:yellow ...

:first-child 选择某个元素的第一个子元素（IE6不支持） :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级 ...