说明

选择指定的 标签的 class属性 ，并设置样式

语法

.class属性值{
    样式属性1：值1;
    样式属性2：值2;
}

应用场景

要设置某些标签的样式时，只需要指定该标签的 class 属性即可

使用最多

案例

京东首页顶部搜索输入框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .form{
            border: 2px solid #e2231a;
            background: #fff;
            height: 32px;
            width: 486px;
        }
    </style>
</head>
<body>
    <div class="form"></div>
</body>
</html>

在页面中，有很多 div标签，这里使用 类选择器，可有效控制哪些div使用该样式

原文出处：/show_1IX1FoxJzDO8.html