CSS 如何一次将样式应用到多个类上

为了一次将样式应用于多个类，我们将使用点(.)选择器和逗号(,)。在这篇文章中，我们将使用点(.)选择器，用选择器选择所有元素的类名，并用逗号(,)分开。

类 “是一个HTML属性，它接受一个用空格分隔的类列表。然后，这些类可以在CSS中用来给特定的元素设置样式，或者在javascript中用来操作这些HTML元素。

例子1

在这个例子中，我们将把字体颜色 “红色 “应用于具有 “页眉 “和 “段落 “类的HTML元素。我们将使用点(.)选择器并以逗号(,)连接它们来实现这一目标。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>How to apply styles to multiple classes at once?</title>
   <style>
      .header, .para {
         color: red;
      }
   </style>
</head>
<body>
   <h3 class="header">How to apply styles to multiple classes at once?</h3>
   <p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</body>
</html>

例子2

在这个例子中，我们将把字体颜色 “绿色 “和字体样式 “斜体 “应用到具有 “标题 “和 “段落 “类别的HTML元素上。我们将使用点（.）选择器来实现这一目标，并用逗号（,）连接它们。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>How to apply styles to multiple classes at once??</title>
   <style>
      .header, .para {
         color: green;
         font-style: italic;
      }
   </style>
</head>
<body>
   <h3class="header">How to apply styles to multiple classes at once?</h3>
   <p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</body>
</html>