[分享]css中class选择器类名

CSS中的class选择器是用于在HTML文档中选取特定元素的类名。在HTML中，class属性可以为一个元素命名一个或多个类名，并用于定义一个或多个元素的样式。 .class_name { prop...

CSS中的class选择器是用于在HTML文档中选取特定元素的类名。在HTML中，class属性可以为一个元素命名一个或多个类名，并用于定义一个或多个元素的样式。

 .class_name {
    property: value;
  } 

在上面的代码中，".class_name"是CSS中的类选择器，该选择器表示要对class属性设置为"class_name"的所有元素应用样式。

在HTML文档中，class属性可以应用于任何元素。例如，在下面的HTML文档中，我们将class属性应用于两个div元素：

 <div class="container">
    <p>This is the first div</p>
  </div>

  <div class="container">
    <p>This is the second div</p>
  </div> 

使用上面的代码，我们可以在CSS中定义名为"container"的类，以同时影响两个div元素。例如：

 .container {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 10px;
  } 

如此一来，两个div元素的背景颜色、边框和内边距均相同。

总之，class选择器是CSS中的一种有用的工具，可以轻松地对HTML文档中的多个元素应用相同的样式。