<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
width:200px;
height: 200px;
}
.blue{
background-color: blue;
}
.red{
background-color: red;
}
</style>
</head>
<body>
<div class="red blue"></div>
</body>
</html>
当div的class属性有两个值的时候,后者(.red)覆盖前者(.blue)的样式