[分享]css中 和.有什么区别

在 CSS 中，我们经常会用到 "." 这个符号。它被称为“类选择器”，用来选取 HTML 元素中的一个或多个类。 与之相对应的是 "" 符号，它被称为“ID ...

在 CSS 中，我们经常会用到 "." 这个符号。它被称为“类选择器”，用来选取 HTML 元素中的一个或多个类。
与之相对应的是 "#" 符号，它被称为“ID 选择器”，用来选取 HTML 中的一个唯一的元素。
那么， "." 与普通文本有什么区别呢？其实，它们之间是有很大的不同的。
首先， "." 符号用来表示类，而普通文本没有这样的功能。在 CSS 中，我们可以用类来表示一组样式规则，可以同时作用于多个 HTML 元素上，方便重用和管理。
其次， "." 符号在 CSS 中的使用方式也是有差别的。类选择器通常与 HTML 元素名一起使用，如：

p.text {
  color: red;
} 

这里，我们选取了所有 class 为 “text”的 p 元素，并设置它们的文本颜色为红色。
在代码中，类名通常被加上一个 "." 前缀，如 class="text" 值得注意的是，类名并不需要以 "." 开头。在 CSS 中，"." 符号代表类选择器，而类名本身并不是选择器的一部分。
此外，还有一个常见的误区，就是将 "." 符号与 CSS 语言中的 "." 运算符混淆。其实它们是两个完全不同的概念。
在 CSS 中，"." 运算符用来表示子选择器（也称为后代选择器），用来选取某个元素内部的子元素。例如：

div p {
  color: blue;
} 

这里，我们选取了所有的 p 元素，它们处于 div 标签内部。这样，我们就可以将所有 div 中的 p 元素样式设置为蓝色。
以上就是关于 CSS 中的 "." 符号的解释。作为一名 CSS 开发者，理解它的用法和意义是非常重要的。希望本文能对你有所帮助。