css 可以定义不同的标准 来选择可以进行格式化的元素。
1. 元素所在的类型或名称 。如
h1 {color:red;}
p {color:red;}
2.元素所在的位置信息。 如
2.1 选择某个元素下所有的子元素
div p{color:red;}
2.2 选择某个元素下的直接儿子元素
div > p{color:red;} IE6及其以下版本不支持
2.3 选择相邻的同胞
h1 + p {color:red} 紧跟在h1后面的p IE6及其以下版本不支持
3. 元素的class 或 id
.class1 {color:red;}
#id1 {color:red;}
3.1 1,3可以不加空格联合表示,同时满足两个条件
p#id1 {color:red}
p.class1{color:red}
4.元素的伪元素或伪类
4.1 伪类 IE6及其以下版本不支持
div p:fist-child {color:red} div 的第一个p子元素
4.2 伪元素
p:first-letter {color:red;}
4.3 链接的状态 (属于伪类)
a :link .... LVFHA (love f hate)
伪的理解:
伪类:浏览器预定义的一些选择特定状态(hover)dom节点元素(first-child)的方式
伪元素:浏览器定义的访问不属于dom节点的元素的方式(文本第一行,第一个字)
5:元素的属性值 IE6及其以下版本不支持
p[attr = value] {color:red}
6.群组元素
p,h1 {color:red} == p{color:red;} h1{color:red;}
通用选择器 *{margin:0} 作用于页面中所有的可用元素
7.1 -6 的组合使用
div.class1 p em:first-letter {color:red;}
只选择在class等于class1的div元素中的p元素中,em元素的第一个字母