a   标签html 选择器

body {  
  padding : 0px ;  margin : 0px ;  background-color : #ffdee0 ;
}  

B   类别CLASS 选择器

立即学习“前端免费学习笔记（深入）”；

  
.hongkong {
color : blue ;
}
.hunang {
color : red ;
}

……
  

刘德华

张学友

何炅

汪涵

C   专用ID 选择器

立即学习“前端免费学习笔记（深入）”；

  
#wanghan {
color : blue ;
}

……
  

刘德华

张学友

何炅

汪涵

D   选择器组合筛选

立即学习“前端免费学习笔记（深入）”；

  
/* 只有

标签中class值:”hongkong”的改成蓝色 */
h1.hongkong {
color : blue ;
}
/* 只有

标签中id值:”hunang”的改成红色 */
h1#hunang {
color : red ;
}

……
  

刘德华

  

张学友

何炅

汪涵

E  选择器集体声明 (选择器之间使用逗号)

立即学习“前端免费学习笔记（深入）”；

  
p,h1,.hongkong,#hongkong,h1.hongkong {
color : red ;
}

……
  

刘德华

张学友

F  选择器的嵌套 (选择器之间使用空格)

立即学习“前端免费学习笔记（深入）”；

  
/* 只设置下的下的

标签为红色 */
div#myid span .hongkong {
color : red ;
}

……
  

刘德华

郭富城

张学友

G  子选择器：用来选择一个父元素直接的子元素，不包括子元素的子元素。(选择器之间使用大于号)

立即学习“前端免费学习笔记（深入）”；

  
/* 使用“子选择器”示例 */
.div1>p {
color : red ;
}

/* 不使用“子选择器”示例 */
.div2 p {
color : blue ;
}

……
使用“子选择器”示例

aaaaa

bbbbb

不使用“子选择器”示例
  
     

aaaaa

bbbbb

注意：

1、子选择器的设置在IE 6 下使用无效（所以本人不推荐经常使用）；

2、如果嵌套的父子标签是同一种标签，子选择器的设置也将使用无效。如：

父子标签是同一种标签

；

H  属性选择器：针对HTML 标签中的属性进行选择的。

立即学习“前端免费学习笔记（深入）”；

/* 将有title属性的

设置为红色 */
p[title] {
color : red ;
}

/* 将title属性值为“t2”的

设置为蓝色 */
p[title=t2] {
color : blue ;
}

……

无title属性的段落标签

将有title属性的p标签设置为红色

将title属性值为”t2″的p标签设置为蓝色

注意：

1、属性选择器的设置在IE 6 下使用无效（在IE 7  下使用有效）；

2、属性选择器 CSS3 标准还有很多非常实用的特性，但IE 7 依然不支持；