A 标签HTML 选择器
body{
padding:0px; margin:0px; background-color:#ffdee0;
}
B 类别CLASS 选择器
......
C 专用ID 选择器
......
D 选择器组合筛选
......
E 选择器集体声明 (选择器之间使用逗号)
......
F 选择器的嵌套 (选择器之间使用空格)
......
G 子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素。(选择器之间使用大于号)
......
使用“子选择器”示例
不使用“子选择器”示例
注意:
1、子选择器的设置在IE 6 下使用无效(所以本人不推荐经常使用);
2、如果嵌套的父子标签是同一种标签,子选择器的设置也将使用无效。如:
......
注意:
1、属性选择器的设置在IE 6 下使用无效(在IE 7 下使用有效);
2、属性选择器 CSS3 标准还有很多非常实用的特性,但IE 7 依然不支持;
复制代码
代码如下:body{
padding:0px; margin:0px; background-color:#ffdee0;
}
B 类别CLASS 选择器
复制代码
代码如下:......
刘德华
张学友
何炅
汪涵
C 专用ID 选择器
复制代码
代码如下:......
刘德华
张学友
何炅
汪涵
D 选择器组合筛选
复制代码
代码如下:......
刘德华
张学友
何炅
汪涵
E 选择器集体声明 (选择器之间使用逗号)
复制代码
代码如下:......
刘德华
张学友
F 选择器的嵌套 (选择器之间使用空格)
复制代码
代码如下:......
刘德华
郭富城
张学友
G 子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素。(选择器之间使用大于号)
复制代码
代码如下:......
使用“子选择器”示例
aaaaa
bbbbb
不使用“子选择器”示例
aaaaa
bbbbb
注意:
1、子选择器的设置在IE 6 下使用无效(所以本人不推荐经常使用);
2、如果嵌套的父子标签是同一种标签,子选择器的设置也将使用无效。如:
父子标签是同一种标签
;
H 属性选择器:针对HTML 标签中的属性进行选择的。
复制代码
代码如下:......
无title属性的段落标签
将有title属性的p标签设置为红色
将title属性值为"t2"的p标签设置为蓝色
注意:
1、属性选择器的设置在IE 6 下使用无效(在IE 7 下使用有效);
2、属性选择器 CSS3 标准还有很多非常实用的特性,但IE 7 依然不支持;