您当前所在位置：首页 > 网络编程 > CSS/HTMLCSS/HTML 原来CSS里的 !important 是如此用法 CSS!important 互联网 2008-04-03CSS/HTML4517 css下!important效果演示代码 点击查看效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .aa{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000 !important } .bb{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000; } </style> </head> <body> 以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了. <div class="aa" style="background-color:#cc6600;font-size:16px;">中Class中包括:!important的样式</div> <div class="bb" style="background-color:#cc6600">不包括的样式</div> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 很赞哦！() 感谢每一位辛勤著写的作者，感谢每一位的分享！ 免责声明：以上内容(文字、图片)收集于互联网，版权归原作者所有，如有侵犯您的原创版权请告知(604811667@qq.com)，我们将尽快删除相关内容，感谢您的理解与支持！ 本文地址：http://www.ku3.com.cn/show/5759.html 上一篇 iframe 的用法与注意事项 iframe 的用法与注意事项 下一篇 FF下 用 col 隐藏表格列的方法详解！ css下!important效果演示代码 大图广告（830*140）
