登录    关于
马育民老师的博客

马育民的博客

QQ:65242847

CSS教程:类(class)选择器

说明

选择指定的 标签的 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使用该样式


原文出处:https://malaoshi.top/show_1IX1FoxJzDO8.html