CSS中,"."和"#"是两个重要的符号,它们分别表示类选择器和ID选择器。
类选择器使用".",可以为页面中的元素定义一个class类,一组元素可以拥有相同的class类,从而统一设置它们的样式。例如,下面的CSS代码就会为class为"p1"的所有段落元素设置颜色为红色:
.p1 {
color: red;
}
而ID选择器使用"#",可以为页面中唯一的元素定义一个ID,其它元素不可以使用相同的ID。相比类选择器,ID选择器的权重更高,因此其样式会覆盖类选择器的样式。例如,下面的CSS代码就会为ID为"header"的唯一元素设置背景色为蓝色:
#header {
background-color: blue;
}
如果一个元素即拥有class类,又拥有ID,那么ID选择器的权重仍然高于类选择器,如果它们同时定义了相同的属性,ID选择器会覆盖类选择器。
需要注意,class类和ID的名称不能相同,且ID不能重复使用。如果多个元素需要使用相同的样式,应使用class类选择器,如果需要为唯一的元素设置样式或脚本,则应使用ID选择器。
文章说明:
本文原创发布于探乎站长论坛,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。