📅 最后修改于: 2023-12-03 14:49:37.955000 🧑 作者: Mango
在 HTML 中，可以使用 class 属性来给元素添加一个或多个类名。在 CSS 中，可以使用类选择器来匹配指定的类名。
使用类选择器的语法为：
.class {
/* CSS 属性 */
}
其中，“.class”表示类名为“class”的元素，可以在大括号内设置相关的 CSS 属性。
下面是一个示例代码，演示了如何使用类选择器选择指定的 div 元素：
<!DOCTYPE html>
<html>
<head>
<style>
.box {
background-color: #f2f2f2;
padding: 20px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="box">
<h1>这是一个 div 元素</h1>
<p>使用 class 选择器可以对该元素应用特定样式</p>
</div>
</body>
</html>
在这个示例中，我们使用了一个类名为“box”的 div 元素，并使用类选择器“.box”来选择它。然后，在样式中，我们设置了该 div 元素的背景颜色、内边距和圆角等属性，最终呈现出一个美观的盒子效果。
使用类选择器可以给一个或多个元素应用特定的样式，从而更好的控制网页的样式和布局。需要注意的是，类名必须是唯一的，并且不能包含空格。