样式叠加法
2016-08-09 本文已影响13人
CowboyBebop
当两个样式之和是你要的第三个样式的时候，你就没有必要在去书写第三个样式了，直接使用样式的交叉使用方法，这样可以省去你很多编写样式的时间。当class中间有空格：
D85060A1-4758-49D7-896F-9C72DF9D4A7F.png
代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.content {background-color:#F00;}
.bottom { font-size:30px;}
</style>
</head>
<body>
<div class="content">这里单独设置字体的颜色</div>
<br>
<div class="bottom">这里设置字体大小</div>
<br>
<div class="bottom content">设置字体的大小和背景颜色！</div>
</body>
</html>
