Home > Article > Web Front-end > 浅谈CSS 选择器_html/css_WEB-ITnose
浅谈CSS 选择器_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:07:191276browse
A 标签HTML 选择器
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 依然不支持；