17.1.3 选择符的使用
选择符即样式的名称，CSS选择符可以使用如下所示的字符。
■大小写的英文字母：“A-Z”，“a-z”。
■数字：例如“0-9”。
■连字号“-”
■下划线“_”
■冒号“"”
■句号“。”
注意：CSS选择符只能以字母开头。
常用的CSS选择符有通配选择符、类型选择符、群组选择符、包含选择符、ID选择符、class选择符、标签指定选择符、组合选择符等。下面将对上述各类选择符进行详细介绍。
（1）通配选择符
通配选择符的书写格式是“*”，功能是表示页面内所有元素的样式。如下代码就使用了通配选择符：
（2）类型选择符
类型选择符是指，以网页中已有的标签类型作为名称的选择符。例如将<body>、<div>、<p>、<span>等网页中的标签作为选择符名称。下面的代码将页面<body>元素内的字体进行了设置。
注意：所有的页面元素都可以作为选择符。
（3）群组选择符
在XHTML中，对其一组对象同时进行相同的样式指派时，只需使用“逗号”对选择符进行分隔即可。这种方法的优点是对于同样的样式只需要书写一次，减少了代码量，改善了CSS代码结构。群组选择符的书写格式如下。
下面的代码使用了群组选择符对指定对象的页面文字进行了设置。
注意：在使用群组选择符时，使用的"逗号"是半角模式，并非中文全角模式。
（4）包含选择符
包含选择符的功能是对某对象中的子对象进行样式指定，其书写格式如下。
例如下面的代码使用了包含选择符，对<body>元素内<p>元素包含的文字进行了设置。
此方法的优点是避免过多的对ID和class进行设置，直接对所需的元素进行定义。
注意：在使用包含选择符时需要注意如下两点：
■样式设置仅对此对象的子对象标签有效，对于其它单独存在或位于此对象以外的子对象，不应用此样式设置。例如上例中的样式只对<body>元素内的<p>元素进行设置，而对<body>元素外的<p>元素没有效果。
■选择符1和选择符2之间必须用空格隔开。
（5）ID选择符
ID选择符是根据DOM文档对象模型原理所出现的选择符。在XHTML文件中，其中的每一个标签都可以使用“id=""”的形式进行一个名称指派。在“XHTML+CSS”布局的网页中，可以针对不同的用途进行命名，例如头部命名为“header”，底部命名为“footer”。
ID选择符的使用格式如下。
#选择符
下面通过一个实例来讲解ID选择符的使用方法，本实例文件为2.html，保存在“3”文件夹中。
文件2.html的主要代码如下。
执行后的效果如图17-4所示。
图17-4 执行效果
注意：在一个XHTML文件中，ID要具有唯一性，不能重复。
（6）class选择符
上面介绍的ID是对XHTML标签的扩展，而class选择符和ID选择符类似。class是对XHTML多个标签的一种组合，class直译的意思是类或类别。class选择符可以在对于XHTML页面中使用class=""进行名称指派。与ID的区别是，class可以重复使用，页面中多个样式的相同元素可以直接定义为一个class。
class选择符的使用格式如下。
.选择符
使用class选择符的好处是众多的标签均可以使用一个样式来定义，不需要为每一个标签编写一个样式代码。
使用class选择符的方法和ID选择符一样，只需在页面中直接调用样式代码。
（7）组合选择符
组合选择符是指对前面介绍的6种选择符进行组合使用。例如，如下代码组合使用了上述几种方法。
从本节内容可以看出，CSS选择符是非常灵活的。读者可以根据自己页面的需要，合理使用各种选择符，尽量做到结构化和完美化的统一。