CSS 类选择器
类选择器选择有特定 class 属性的 HTML 元素。
如需选择拥有特定 class 的元素,请写一个句点(.)字符,后面跟类名。
实例
在此例中,所有带有 class="center" 的 HTML 元素将为红色且居中对齐:
.center {
text-align: center;
color: red;
}
亲自试一试
您还可以指定只有特定的 HTML 元素会受类的影响。
实例
在这个例子中,只有具有 class="center" 的
元素会居中对齐:
p.center {
text-align: center;
color: red;
}
亲自试一试
HTML 元素也可以引用多个类。
实例
在这个例子中,
元素将根据 class="center" 和 class="large" 进行样式设置:
这个段落引用两个类。
亲自试一试
注意:类名不能以数字开头!