[分享]css中class有两个

在CSS中，class是一种用于指定一个HTML元素的样式的属性。一个HTML元素可以具有多个class，这意味着它可以同时应用多个不同的样式。例如：这是一个有两个class的段落。 .bold { ...

在CSS中，class是一种用于指定一个HTML元素的样式的属性。一个HTML元素可以具有多个class，这意味着它可以同时应用多个不同的样式。

例如：

<p class="bold italic">这是一个有两个class的段落。</p>

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
} 

上面的代码演示了一个带有两个class属性的段落元素。这个段落将应用名为“bold”和“italic”的两个类的样式。这两个类具有不同的样式规则，分别包括设置字体加粗和字体倾斜。

在CSS中，可以通过选择器来选择具有多个class属性的元素。例如，下面的代码将选择具有“bold”和“italic”类的所有元素：

.bold.italic {
  color: red;
} 

上述代码显示了如何同时选择两个class。如果想选择一个具有多个class的元素，可以使用点号（.）分隔每个类。

总之，使用多个class属性的元素可以应用不同的样式并且可以更灵活地组合不同的样式属性。在CSS中，可以通过选择器来选择多个类的元素，从而实现更多的自定义样式。