css中 和点的区别是什么

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中, . 和 # 是两个重要的符号,它们分别表示类选择器和ID选择器。 类选择器使用 . ,可以为页面中的元素定义一个class类,一组元素可以拥有相同的class类,从而统一设置它们的样式。例

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协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中 和点的区别是什么

粉丝

0

关注

0

收藏

0

已有0次打赏