[分享]css中 和.分别是对应什么

在CSS中，“.”和“”是选择器中最常用的符号之一。“.”符号在CSS中表示类别选择器（Class selector），可以用来匹配HTML元素中class属性的值。比如，如果你想应用一个特定样式到H...

在CSS中，“.”和“#”是选择器中最常用的符号之一。

“.”符号在CSS中表示类别选择器（Class selector），可以用来匹配HTML元素中class属性的值。比如，如果你想应用一个特定样式到HTML页面中所有该类别的元素上，你可以使用类别选择器，如下：

.textbox {
  width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
} 

在上面的代码中，“.textbox”即为类别选择器，它可以匹配所有class属性值为“textbox”的HTML元素，从而使这些元素应用相同的样式。此外，你还可以使用多个类别选择器，用空格隔开：

.textbox .label {
  display: inline-block;
  width: 100px;
} 

在上面的代码中，“.textbox .label”即为一个复合选择器，它表示选择class属性值为“label”的元素，且该元素处于class属性值为“textbox”的祖先元素中。

另一方面，“#”符号在CSS中表示ID选择器（ID selector），可以用来匹配HTML元素中id属性的值。与类别选择器类似，你也可以使用ID选择器来给HTML元素应用不同的样式：

#header {
  background-color: #333;
  color: #fff;
  padding: 20px;
} 

在上面的代码中，“#header”即为ID选择器，它可以匹配所有id属性值为“header”的HTML元素，从而使该元素应用特定的样式。

总之，在CSS中，“.”和“#”符号是非常重要的选择器，大家在应用CSS时需要多加注意，以确保页面样式的正确性和一致性。