【www.gdgbn.com--php应用】

使用多个class，以空格分开，如：
效果：

 代码如下 .a1 {
font-size: 9pt;
color: #FF0000;
}
.a2 {
font-size: 18pt;
color: #0000FF;
}
.a1 {
font-size: 9pt;
color: #FF0000;
}
.a2 {
font-size: 18pt;
color: #0000FF;
}
a1
a2
a2 a1
a1 a2
　　

[ 可先修改部分代码 再运行查看效果 ]
调换一下a1和a2的顺序 Source Code to Run []

 代码如下 .a2 {
font-size: 18pt;
color: #0000FF;
}
.a1 {
font-size: 9pt;
color: #FF0000;
}
.a2 {
font-size: 18pt;
color: #0000FF;
}
.a1 {
font-size: 9pt;
color: #FF0000;
}
a1
a2
a2 a1
a1 a2
　　

[ 可先修改部分代码 再运行查看效果 ]
加上!important看看效果 Source Code to Run []

 代码如下 .a2 {
font-size: 18pt;
color: #0000FF!important;
}
.a1 {
font-size: 9pt;
color: #FF0000;
}
.a2 {
font-size: 18pt;
color: #0000FF!important;
}
.a1 {
font-size: 9pt;
color: #FF0000;
}
a1
a2
a2 a1
a1 a2

　　 [ 可先修改部分代码 再运行查看效果 ]
结论：若同时应用多个class，后定义的优先（即近者优先），加上!important最优先！

本文来源：http://www.gdgbn.com/jiaocheng/115/