28.5　分组选择符

分组选择符指的是对多个标记设置同样的样式，在不同的类型中，表示同样的样式，如本书常用的样式如下。

html, body

{

/CSS代码/

}

表示在html标记和body标记中，都有一样的样式，主要是兼容IE和FF浏览器。分组选择符的语法如下。

E1，E2，E3

{

/CSS代码/

}

将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。语法中，E1、E2、E3表示不同的标记类型，代码表示CSS样式来控制这些标记类型。再如以下代码表示。

td, div, a，body

{

font-size：14px；

}

上面表示对td、div、a和body标记的样式设置成字体大小为14像素，对选择符分组的实例，代码28.6所示。

代码28.6　源代码\第28章\选择符分组.html

——————————————文件名：选择符分组.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞选择符分组＜/title＞

04 ＜style type="text/css"＞

05 html, body

06 {

07 margin：0px；

08 padding：0px；

09 background：#cccccc；

10 }

11 div, p

12 {

13 width：200px；

14 height：100px；

15 margin-top：5px；

16 border：1px outset red；

17 }

18 ＜/style＞

19 ＜/head＞

20 ＜body＞

21 ＜div＞

22 这里一个层。

23 ＜/div＞

24 ＜div＞

25 这也是一个层。

26 ＜/div＞

27 ＜p＞而这里是一个段落，与div的样式一样。

28 ＜/body＞

29 ＜/html＞

【代码解析】代码第6～10行表示了HTML和body有一样的样式，同时代码第11～17行对div与p标记也设置了一样的样式，边框都设置成红色，宽度和高度也相同，同时外补丁顶端为5像素，效果如图28.6所示。

图　28.6　选择符分组

技巧　选择符div, p与div p表示的内容是不同的，前者是表示div和p两种标记，而div p表示的是在div标记下的p标记。