CSS手册简编：选择器的运用方法
日期：2013-07-02 浏览次数：21120 次
1、选择器（Selector）
选择器不只是文档中的元素标记，它还可以是类（Class，这不同于Java或C＋＋中的类）、ID（给予元素特殊的名称，也便于在脚本中使用）或是元素的某种形状（如：a:link）。如：
<html>
<style>
<!--
p {color:red；font-weight : bold }
.bigFont {font-size:200%}
#blueBack {background-color:blue;color:yellow}
-->
</style>
<body>
<p>利用<span class="bigFont">Class</span>和<span id="blueBack">ID</span>显示内容。</p>
</body>
</html>
其中.someclass代表类，#someID代表ID。类和ID也可以和元素标记合用，比如：
p.bigFont {……}
则表示必须在某个为bigFont类的P标记（<p class="bigFont">）才执行款式单，同样的也适合于ID。
为了简化声明某些反复属性的标记，可以用","把不同的选择器隔开，表示它们都表示成相反的属性，如：
H1,H2 {color:red}
Div, p.mytext {……}
有时我们还希望能够在特定的范围内使款式单生效：
p em {color:red}
元素标记间又空格隔开，表示在<p>和</p>间的<em>、<em>用红色表示。另外还可以利用"~"表示一个选择器后面紧跟另一个选择器，并且两边以"/"围住：
/ Selector1 ~ Selector2/ {……}
表示如果Selector2紧跟着Selector1则使用该款式单。
2、属性值的单位
在款式单中，属性的单位多为长度单位，包括px（象素）、pt（磅）、em（一种排版中的单位，1em＝12pt）、mm（毫米）、cm（厘米）、pc（1pc＝12pt）、in（英寸），这些单位可以使用整数（如px）表示，也可以使用实数（如em）表示，并且元素中对数值还有承继（inherit）的关系比如：
body {font-size:12pt;text-indent:3em;}
H1 {font-size:15pt}
那么在显示中H1的text-indent属性就不是36pt而是45pt。
有的属性的单位甚至可以是负值，如margin，可以达到一些特殊的效果，如元素之间的堆叠。另外还有一些其他的单位如角度，它的单位有deg（度）、grad（梯度）和rad（弧度）；频率的单位，Hz和kHz，这些都是我们非常熟悉的。
3、注释及空格
款式单也有注释语句：可以用"/*……*/"<
