关于CSS hack。自己的理解 - Hello world. - ITeye博客

`

北极的。鱼

浏览: 151165 次
性别:
来自: 上海

最近访客更多访客>>

collen7788

zzc125

tianxizhong

kelly_zsl

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

北极的。鱼：几个常用的CSS效果：1.色块透明，文字不透明：设置色块的rg ...
网页前端的浏览器兼容
北极的。鱼：数字证书的作用就是用来说明，里面的公钥是谁的。
数字签名
北极的。鱼：数字证书的作用，其实就是证明，证书里包含的公钥是哪个人的。
数字签名
北极的。鱼：面试题，类似冒泡排序把一个字符串的大写字母放到字符串的后面，各 ...
【转】冒泡排序
北极的。鱼：另一种简单桶排序实现： using System; using ...
【转】桶排序(Bucket Sort)

关于CSS hack。自己的理解

博客分类：

CSS

CSS IE 浏览器 HTML

阅读更多

关于css hack，主要涉及的就是IE6,IE7,IE8以及严格按照W3C标准执行的浏览器之间的区别。

以下是本人自己的测试结果。（没测试IE7）

测试代码：

<html>
<head>
<style type="text/css">
    *{font-size:30px}
    /*test1*/
    div{border:2px solid red!important;*border:2px solid blue;_border:2px solid green}
    
    /*test2*/
    #box div{color:pink}
    .a{color:yellow}
    .b{color:green!important}
</style>
</head>
<body>

<!--test1-->
<div style="height:200px;width:200px">
hello
</div>
<!--test1-->

<!--test2-->
<div id ="box">
    <div class="a">testOne</div>
    <div class="b">testTwo</div>
</div>
<!--test2-->
</body>
</html>

总结：

1.关于"*rule;"以及"_rule;"

这条样式规则适用于IE6,8，但不支持FF。

2.关于"!important"

这条样式规则适用于IE和FF。但是在解释的时候有差别。在FF下，很容易理解，就是将加了这个属性的规则优先被浏览器识别。而对于同一属性的不同的class样式块定义的优先级，在IE和FF下都能被正确解释。具体看代码。test1（把_border:2px solid green去掉）的演示说明,IE在为同一元素的CSS代码块中，可以用！important来提升样式的优先级。test2的演示说明，!important对一个良好（或称标准）的浏览器来说，不仅仅是从顺序上提升代码的优先级，还可以用来提升class的优先级，但是IE对于前者是不支持的。

分享到：

c#获得元数据转JSON数据格式 | 关于ExtJS中的编码问题。

2011-04-13 11:39
浏览 773
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS Hack 有关浏览器兼容方面: 要么多几个像素，怎么都找不到原因，这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果，这种方法我们就称之为CSS Hack，记住喽，CSS Hack是解决页面浏览器不兼容的技巧方法，是一种方法哟，不要理解偏差...

CSS那些事儿.pdf: 本书专注于CSS技巧实例的讲解，由浅入深地分析了CSS样式在布局时所需要理解的原理。放弃到处可见的基础知识、网络中能随意搜索到的hack技巧，侧重原理分析，拓展读者使用CSS布局的思维方式，通过本书的阅读读者将会...

看懂《CSS hack浏览器兼容一览表》: 《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现，所以许多读者不能理解它的实现的用法，例如：p\roperty:value; ，这句到底是什么意思，其实只要你去了原文地址看它的代码例子就一目了然了，...

史上最全的CSS hack方式一览(兼容多浏览器): 今天，结合自己的经验和理解，做了几个demo把IE6~IE10和其他标准浏览器的CSS hack做一个总结，也许本文应该是目前最全面的hack总结了吧。什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版

CSS网站布局实录（第二版）PDF版: ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南...

CSS那些事儿（源码）: 本书专注于CSS技巧实例的讲解，由浅入深地分析了CSS样式在布局时所需要理解的原理。放弃到处可见的基础知识、网络中能随意搜索到的hack技巧，侧重原理分析，拓展读者使用CSS布局的思维方式，通过本书的阅读读者将会...

css中!important的作用(IE6 IE7 FF)及其原理: important}这个css规则当今在网页制作的时候的普及已经非常流行了，以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过，可是现在发生了变化。众所周知，!important这个规则对Ie6.0,Ie7.0和Firefox...

CSS hacker使用小结(兼容IE6、7、8): 今天，结合自己的经验和理解，做了几个demo把IE6~IE8和其他标准浏览器的CSS hack做一个总结

前端最全汇总面试题及答案.docx: HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、...

2022前端企业高频问答题: HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、...

前端开发面试题.html: 对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、 Hack、CSS预处理器、CSS3、Flexbox、CSS Modules、Document flow、...

前端面试题总结.docx: 前端面试笔记总结，html ,css ,html5 ,css3 ,js,vue基础的面试题，HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。

HR-Hangman:Hack Reactor Admission项目: 人力资源行Hack Reactor Admission项目在这个项目中，我花了数十个小时来学习新材料。首先，通过“远程准备”课程，我学习了HTML和CSS。这对于设置页面非常有用。但是，在面试之后，我意识到我对JS方法或高阶函数...

15个前端攻城狮必备的学习网站 | 你知道几个？（附视频介绍）: 对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、 CSS3、Flexbox、CSS Modules、Document flow、BFC...

webfex:网络 fex 研究: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。其他 HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护

程序员面试刷题的书哪个好-Interview-questions:分享自己整理的前端面试题及答案: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化...

java百度贴吧登陆源码-front-end-interview-questions:在里面: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox JavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、...

ajax验证码异步刷新源码新手java-front-end-face-questions:史上最全前端开发面试问题及答案整理: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化...

best-practices-checklist:很棒的惯用代码资源列表。 Rust，Go，Ruby，Pony，Ocaml，Erlang等: 这可以通过编写快速的hack来实现，这些hack大多是丑陋的代码，但是如果我们希望我们的项目可以公开使用或被他人使用，我们必须确保编写的代码是惯用的并且易于理解。此存储库的目的是作为一种资源集合，在构建此类...

Global site tag (gtag.js) - Google Analytics