繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航：
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容 CSS里的 !important
原来CSS里的 !important 是如此用法
发布：dxy 字体：[
增加
减小
] 类型：转载
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 全选 提示:你可先修改部分代码,再按运行]
Tags：
CSS
!important
百度中搜索更多的关于
原来CSS里的 !important 是如此用法
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
FF下 用 col 隐藏表格列的方法详解！
下一篇文章：
Firefox返回时Iframe的显示Bug的解决方法
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
解决 select 挡住div的解决方法
CSS控制文本自动换行的问题
div+css实现自适应宽度按钮
XHTML下用dl,dt,dd标签实现翻页的效果代码
dhtml shtml xhtml的区别解析
css条件注释理论及实践源文件
关于margin-left的示例代码
Pjblog模板制作教程 超强推荐
鼠标滑过缩略图时放大图片（纯Css）
float引起层飘出父层的解决方法
最 近 更 新
font和line-height之CSS代码书写顺序不同
用CSS实现的一张图完成的按钮效果
关于Firefox中的Flash不可以显示透明效果
【已解决】标签页刷新问题
解决IE5/IE5.5/IE6/FF的兼容性问题——CS
关于filter滤镜应用于图片的两种创意
css写菜单：简洁注释版
CSS顶级技巧大放送，div+css布局必知
做网页字体大小参考 网页中同字号字体的不
非常不错的关于IE与FireFox的js和css几处
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度（支持xhtml）
在iframe中隐藏横向滚动条的方法
用css来控制图片大小显示的实现方
比较漂亮的一个导航条的效果DIV+
div做细线表格,很强悍
css强制换行 css强制不换行的css
让2个DIV居中并排显示
文章评论
共有 位脚本之家网友发表了评论我来说两句