CSS类选择器参考手册
一个元素同时使用多个类选择器CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<div>能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被改为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。测试如下:
<style>
.user
{
font-size: 30px;
background-color:red;
}
.login
{
background-color:blue;
}
</style>
</head>
<body>
<div class=\'user\'>你好。这是一个 DIV 元素,class=\'user\'。</div>
<div class=\'login\'>你好。这是一个 DIV 元素,class=\'login\'。</div>
<div class=\'user login\'>你好。这是一个 DIV 元素,class=\'user login\'。</div>
</body>