当把一段落同时定义为多个类时,类的样式会叠加。如果有互相冲突的样式,后面的类覆盖前面的。
可以利用这种特性。例如:
html:
<p class="content">nornal</p>
<p class="content red">red words</p>
css:.content{
font-size:12px;
color:#333333;
border-bottom:1px solid #333333;}
.red{
color:red;}
最终的效果为,normal字样的字号为12px,有灰色下划线,字体颜色为灰色。red words字样的字号为12px,有灰色下划线,字体颜色为红色。