css中点的代码 |css样式 z-index

.my-class {
color: red;
font-size: 18px;
}

在上面的例子中，.my-class是一个类选择器，表示会应用这些样式的元素有一个叫做“my-class”的类名。当一个HTML元素被赋予这个类名时，这些样式就会自动应用到这个元素上。

大家也可以使用点来指定一个元素同时被多个类名所应用：

.btn {
background-color: blue;
color: white;
}
.btn-small {
font-size: 12px;
}
.btn-outline {
background-color: transparent;
border: 1px solid blue;
color: blue;
}

在这个例子中，大家定义了三个类名，.btn、.btn-small和.btn-outline，每个类名都有自己的样式，但同时也继承了.btn的样式（即背景色和字体颜色）。大家可以用class属性来为一个元素同时指定多个类名：

<button class="btn btn-small btn-outline">Click Me</button>

这个按钮会应用所有三个类名的样式，显示为一个小蓝色带有红色边框的按钮。