样式叠加法

当两个样式之和是你要的第三个样式的时候，你就没有必要在去书写第三个样式了，直接使用样式的交叉使用方法，这样可以省去你很多编写样式的时间。当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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容