类选择器(Class Selector)是 CSS 中常用的一种选择器,用于选择具有特定类别(class)的 HTML 元素,并为其定义样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>类选择器</title>
<style>
/* 类选择器:用 . 声明,然后用 class 引用,可以用在一个或多个标签上*/
/* 类选择器,权重 0010 */
.yanse{
color: blue;
background-color: yellow;
}
.font20{
font-size: 20px;
}
</style>
</head>
<body>
<p class="yanse">我是段落</p>
<!-- 设置多类名:一个标签里面只能有一个class属性,多个类名写在一个class里面 -->
<p class="yanse font20">我是段落2</p>
</body>
</html>