CSS选择器

选择器语法格式为

selector {

attr1: value1;

attr2: value2;

attr3: value3;

.....

}

要注意的书写规范：（只是规范）

selector与{}之间要有一个空格

：与value值之间要有一个空格

这里只列举常用的 

id选择器

选择id为idName的元素（元素的idName是唯一的，只能对应于文档中某一个具体的元素。 ）

语法格式为： #idName { 样式 }

类(class)选择器

选择class值中有className的所有元素（不同的元素可以有相同的className,元素的class值可以有多个，中间用空格隔开即可）

语法格式为： .className { 样式 }

注意有个小点"."

标签选择器

选择标签名为elementName的所有元素

语法格式为：elementName { 样式 }

通配符选择器

选择页面所有元素

语法格式为：* { 样式 }

并集选择器

选择多个元素

语法格式为：选择器名1，选择器名2，选择器名3，... { 样式 }

交集选择器

选择满足所有条件的所有元素

语法格式为：选择器名1选择器名2选择器名3... { 样式 }

后代选择器（当标签发生嵌套时，内层标签就成为外层标签的后代。）

选择指定元素的后代中的元素

语法格式为：选择器名1  选择器名2  选择器名3  ... { 样式 }

一般来说写后代选择器时，选择器名不要超过3个

子代选择器

选择元素的子元素（只能是元素，孙子什么的不行）

语法格式为：选择器名1>选择器名2 >选择器名3  ... { 样式 }

同后代选择器，选择器名不要超过3个

属性选择器

选择属性attr=value的元素

语法格式为：[attr=value] { 样式 }

伪类选择器（这里只列举一些常用的）

语法格式为：其他选择器伪类选择器 {样式}

其他选择器可以是任意选择器，中间没有间隔（因为伪类选择器起那么自带一个“：”）

• E:hover  鼠标悬停时的E元素

• E:visited  已访问的超链接

• E:focus  获取焦点的E元素

• E:first-child  第一个子元素E

• E:last-child  最后一个子元素E

• E:nth-child(n)  第n个子元素E

• E:last-nth-child(n)  倒数第n个子元素E

• E:first-of-type 第一个类型为E的子元素

• E:last-of-type 最后一个类型为E的子元素

• E:nth-of-type(n) 第n个类型为E的子元素

• E:nth-ast-of-type(n) 倒数第n个类型为E的子元素

• E:checked  处于选中状态的E元素

• E:disabled  处于不可用状态的E元素

• E:enabled  处于可用状态的E元素