同一元素应用多个class的优先级的测试!_CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
使用多个class,以空格分开,如:<span class="a2 a1">
效果:
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


调换一下a1和a2的顺序
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


加上!important看看效果
代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


结论:若同时应用多个class,后定义的优先(即近者优先),加上!important最优先!

来源:无忧整理//所属分类:CSS教程/更新时间:2006-12-08
相关CSS教程