CSS 类选择器

在 CSS 中，类选择器以一个点号显露：

.center {text-align: center}

在下面的例子中，一切领有 center 类的 HTML 元素均为居中。

鄙人面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将依顺 ".center" 决定器中的划定。

<h1 class="center">
This heading will be center-aligned
</h1>

<p class="center">
This paragraph will also be center-aligned.
</p>

留意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起感化。

和 id 异样，class 也可被用作派生选择器：

.fancy td {
	color: #f60;
	background: #666;
	}

在下面这个例子中，类名为 fancy 的更大的元素外部的表格单位都邑以灰色靠山表示橙色翰墨。（名为 fancy 的更大的元素多是一个表格梗概一个 div）

元素也可以基于它们的类而中选择：

td.fancy {
	color: #f60;
	bac公斤round: #666;
	}

在下面的例子中，类名为 fancy 的表格单位将是带有灰色布景的橙色。

<td class="fancy">

你可以将类 fancy 分派给任何一个表格元素任意多的次数。那些以 fancy 标注的单位格都会是带有灰色配景的橙色。那些没有被分配名为 fancy 的类的单位格不会受这条划定规矩的影响。另有一点值得留神，class 为 fancy 的段落也不会是带有灰色后援的橙色，当然，任何另外被标注为 fancy 的元素也不会受这条划定规矩的影响。这但凡由于咱们誊录这条规则的方式，这个功效被制约于被标注为 fancy 的表格单元（即便用 td 元从来抉择 fancy 类）。