/* CSS样式表1 */
.button {
background-color: red;
color: white;
}
/* CSS样式表2 */
.button.active {
background-color: green;
color: black;
}以上是两个不同的CSS样式表，分别定义了类名为“button”的元素的样式。第一个样式表定义的“button”样式是一个红色背景、白色文字的按钮，而第二个样式表则定义了一个绿色背景，黑色字体的按钮。
接下来，大家可以在HTML中使用这个切换样式的功能。将这两个样式表分别用不同的类名来设置：
这里有两个
现在，大家就可以在CSS样式表中找到这个“active”类名，并根据需要进行样式设置。在这个例子中，“active”类名被定义为第二个样式表，意味着当大家添加“active”类名时，该元素会显示出另外一个样式表设置的样式。
这便是CSS切换显示的简单实现方法。这种方法可以在不刷新页面的情况下，动态地切换元素的样式，为网站开发带来了更加灵活的设计方案。