css实例002–类选择器
当需要给一个或多个标签设置样式时可以用类选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>类选择器</title>
<style>
/* 把标签中的一个或多个设置样式,可以用类选择器 */
/* 样式点定义,结构类调用,一个或多个,开发最常用 */
/* 定义一个类名 */
.red {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<h2>
爱吃的水果:
</h2>
<ul>
<li class="red">
苹果
</li>
<li>
西瓜
</li>
<li class="red" >
榴莲
</li>
</ul>
</body>
</html>
需要用定义的样式就可以通过class调用