首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
原来CSS里的 !important 是如此用法
时间：2008/4/3 19:44:59
点击查看效果:
<!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需刷新才能执行
]
上一篇：
iframe 的用法与注意事项
下一篇：
FF下 用 col 隐藏表格列的方法详解！
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
CSS2018：突破边界思维 安全是所有0前面的1 _科技_环球网
·
css中position:absolute和relative的知识点
·
CSS之水平垂直居中布局的五种方法介绍
·
CSS照片墙代码实现教程
·
CSS 控制<table>内容超出表格长度后自动隐藏教程
·
CSS文本，锚伪类选择器以及盒子模型（代码实例）
·
less在webstorm中的配置教程
·
CSSWord的文档结构视图功能实现教程
·
CSS键盘翻页功能实现教程
·
CSS浮动元素与清除浮动的理解
返回顶部
