css语言基础--css的选择符语法

 1 基本的选择符包括通用选择符、类选择符、属性选择符、ID选择符、伪类选择符等。
 2 
 3 
 4 1简单选择符(类型选择符和通用选择符被统称为简单选择符)
 5     1.1类型选择符
 6         类型就是指HTML语言定义的各个元素,每一中元素名就是一个类型选择符名。如:p{color:red;}
 7     1.2通用选择符
 8         通用选择符使用(*)来表示,它对HTML文档中的每一个元素都会起作用,实际上就是定义了一个全局样式。
 9 
10 2派生选择符
11     派生选择符由两个或多个类型选择符组成,并以空白相分割。如:h1 em{color:red;}通过改h1元素中em元素来对文本颜色进行强调。
12 
13 3子选择符
14     子选择符由两个或多个选择符构成,并以大括号分割,大括号两端空白可以被省掉。如body>em{}
15 
16 4相邻同级选择符
17     相邻同级选择符的语法如下:E1+E1 如:h1+p{}表示当一个p元素紧跟在一个h1元素之后时,该规则应用于p元素。
18 
19 5相邻同级连续选择符
20     语法格式如下:E~F 表示匹配E元素之后的F元素,直到出现另外一个E元素。
21            如:div~p{background-color:green;} 表示匹配div元素之后的一个或多个p元素,将p元素的背景设置为绿色。
22 
23 6属性选择符和类选择符
24     6.1属性选择符
25         属性选择符用于为那些有特定属性的元素定义样式。
26         (1)E[att]:匹配任何的元素E,该元素必须有一个名为att的属性,而不论属性值是什么
27         (2)E[att="val"]匹配任何的元素E,该元素必须有一个名为att的属性,属性值等于val
28         (3)E[att~="val"]匹配任何的元素E,该元素必须有一个名为att的属性,该值可以包含空白字符,但字符窜两个空白之间必
29                      须有一个是val
30         (4)E[att|="val"]、E[att^="val"]、E[att$="val"]、E[att*="val"]
31 
32     6.2类选择符
33         语法如下:.元素class属性的名称{} 如:有一个html代码<div class="m">我学习css3</div>  对应的类选择符为 .m{}
34 
35 7ID选择符
36     ID选择符包含一个"#",紧跟在后的事ID的值。如<div id="s">每天看美女</div> 对于的ID选择符为 #s{}
37 
38 8群选择符
39     有时几个选择符的样式声明完全是相同的,这时候可以使用群选择符。
40         如 h1{color:red} h2{color:red} h3{color:red}此时可以简化成:h1,h2,h3{color:red}
41 
42 
43 9选择符的大小写规定
44     选择符是否区分大小写取决于所应用的语言,如在html中,元素名是不区分大小写的,所以当将元素名用作选择符时不区分大小写。
45 
46 10css命名空间
47     10.1@namespace规则
48         @namespace规则声明一个xml命名空间,并将该命名空间与表示命名空间名称的字符串相关联。
49         如:@namespace book "http://book.ming.com" 表示为命名空间book提供命名空间的声明
50     10.2使用命名空间限定选择符
51         语法格式:(1)ns|E 表示匹配位于命名空间ns中的E元素
52              (2)|E   表示匹配没有在任何命名空间的E元素
53              (3)*|E  表示匹配位于任何命名空间中的E元素
54              (4)E    如果没有默认命名空间声明,那么就等同于*|E,否则等同于ns|E,ns就是默认的命名空间
55         如:@namespace book "http://book.ming.com"
56            @namespace note "http://note.ming.com"
57            p{color:red;} book|p{color:blue;} note|p{color:green;}
58         以上代码表示:首先,将任何命名空间的p元素着色为红色。然后,将book命名空间中的所有p元素重新着色为蓝色,将note
59                   命名空间的p元素重新着色为绿色。

 

posted @ 2013-02-27 09:47  全力以赴001  阅读(351)  评论(0编辑  收藏  举报