css中 这个符号什么意思

CSS中，符号“.”代表了类(class)选择器。

/* 以点号开头的类选择器 */
.text {
  color: red;
}

/* 当HTML中使用该类时，应为以下形式 */
<p class="text">这是一段红色的文本</p>

类选择器主要用于选中HTML元素的某个特定类别，并通过CSS来为它们设置样式。相比于ID选择器，类选择器更为灵活，可以应用于多个元素上。当一个页面中多个元素需要应用相同的样式时，类选择器就显得尤为实用。

类选择器的写法比较简单，只需要在选择器前加上一个“.”，后面跟上类名即可。在HTML中，我们可以通过在元素的class属性中添加类名来应用该类选择器。

/* 以点号开头的类选择器 */
.red {
  color: red;
}

.blue {
  color: blue;
}

/* HTML中应用类选择器 */
<p class="red">这是一段红色的文本</p>
<p class="blue">这是一段蓝色的文本</p>
<p class="red blue">这是一段既有红色又有蓝色的文本</p>

需要注意的是，一个元素可以同时拥有多个类名。在HTML中，类名之间使用空格分隔。CSS中的类选择器也可以同时选中多个类名。

/* 同时选中多个类名 */
.red.underline {
  color: red;
  text-decoration: underline;
}

/* HTML中应用上述类选择器 */
<p class="red underline">这是一段既有红色又有下划线的文本</p>

使用类选择器可以增强CSS的可复用性，让样式更具有普适性。在实际开发中，合理使用类选择器也能够提高代码的可维护性。