例如，大家有一个div元素，需要同时添加一个红色背景和白色字体的样式，大家可以这样写代码：
<div class="red-bg white-font">这是一个添加了两个类名的div元素</div>
.red-bg {
background-color: red;
}
.white-font {
color: white;
}通过这种方式，大家可以在CSS中针对单个类名设置样式，也可以同时为多个类名设置相同或不同的样式。这种做法极大地减少了样式代码的冗余，提高了样式文件的可读性。
需要注意的是，类名之间需要用空格隔开，同时在HTML元素中，类名的顺序不影响样式的应用。例如，下面两种写法都可以达到同样的效果：
<div class="red-bg white-font">这是一个添加了两个类名的div元素</div> <div class="white-font red-bg">这是另一个添加了两个类名的div元素</div>
总之，在CSS中使用多个类名可以让样式代码更加简洁、统一，同时也可以提高代码的可维护性。