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元素重新着色为绿色。
转载于:https://www.cnblogs.com/huzi007/archive/2013/02/27/2934610.html
相关资源:垃圾分类数据集及代码