[分享]css中 和点的区别是什么

CSS中，"."和""是两个重要的符号，它们分别表示类选择器和ID选择器。 类选择器使用"."，可以为页面中的元素定义一个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选择器。