css中使用!important优先级最高问题
来源:互联网 发布:撕衣服软件下载 编辑:程序博客网 时间:2024/05/19 03:20
我们都知道在css属性在不同的地方有不同的优先级,但是我们可以在css定义中的用!important限定的定义最高优先级。
下面我通过四种情况做个实例:
下面是实例代码代码里有对应的说明:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">.p1{color:blue;/*<span style="font-family:";">1</span>没加important 显示为红色 */}}.p2{color:blue;color:red!important;/*2加上了important属性优先级高 显示为红色 */}.p3{color:red!important;color:blue;/*3但是这种情况下在ie6一下ie版本会显示为蓝色但是在其他浏览器都显示为红色 */}/*4为了解决ie6及一下版本的兼容 把样式分开写 important的优先级高 显示为红色 */.p4{color:red!important;}.p4{color:blue;}</style></head><body><p class="p1">1没加important</p><p class="p2">2加了important属性</p><p class="p3">3IE6及一下版本识别不出来</p><p class="p4">4解决ie6及一下版本的兼容问题</p></body></html>下面是测试结果:
在ie6显示结果
在其他浏览器及ie6以上显示
0 0
- css中使用!important优先级最高问题
- css中使用'!important'使属性值有最高优先级
- css之!important最高优先级
- CSS中!important的使用 本篇文章使用最新的IE10以及firefox与chrome测试 !important优先级最高
- 【CSS优先级与!important】
- CSS优先级与!important
- css 中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中 !important 的使用
- CSS中!important的使用
- CSS中 !important 的使用
- css !important用法CSS样式使用优先级判断
- css !important用法以及CSS样式使用优先级判断
- important优先级问题
- CSS中提升优先级属性!important的用法总结
- 101The Blocks Problem
- spark 各内部机制流程图
- android 判断网络 android 网络监控
- POJ 3181 Dollar Dayz(dp)
- Scut学习笔记(一)
- css中使用!important优先级最高问题
- linux日志logger命令详解
- 定时刷新lucene缓存配置方式
- php读取文件
- 可用于获取百度贴吧的帖子中的Email地址的Python脚本
- poj 1654
- 程序员的30本书——经典中的经典
- LeetCode 40. Combination Sum II
- 安卓获取顶层应用的包名