定义一个类选择器
.center {text-align: center}
h1 有 center 类。这意味将遵守 ".center" 选择器中的规则。
<h1 class="center">
This heading will be center-aligned
</h1>
类名的第一个字符不能使用数字!
派生选择器
td.fancy {
color: #f60;
background: #666;
}
<td class="fancy">
可以将类 fancy 分配给任何一个表格元素任意多的次数。
那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 fancy 的类的单元格不会受这条规则的影响。
这个效果被限制于被标注为 fancy 的表格单元(即使用 td 元素来选择 fancy 类)。
属性选择器
[attribute=value]
用于选取带有指定属性和值的元素。
[attribute~=value]
用于选取属性值中包含指定词汇的元素。