柳絮纷飞的日子——CSS笔记之四
1.IE6也认识!important.我们知道!important一般用做提升优先级,区分IE6和Firefox/Chrome/Opera/IE 其他版本的hack,不过并不是因为IE6完全不支持!important.
代码段一:
<style type="text/css">
.test{color:blue !important;color:green;
}
</style>
<div class="test">代码段一</div>
代码段二:
<style type="text/css">
.test{color:blue !important;
}
.test{color:green;
}
</style>
<div class="test">代码段二</div>
代码段一IE6下的字体颜色为绿色,在其他浏览器下是蓝色。代码段二在IE和FF/Chrome/Opera下均为蓝色。FireFox下,代码段一的字体颜色为蓝色,代码二的颜色为绿色。得出结论:CSS中,两个同样的属性,其一attribute:value !important;定义在前,其二attribute:value;定义在后, 如果二者被定义在同一个花括号内,则IE6是后面的样式覆盖前面的样式,IE6之外的别的浏览器则因为优先权的提升显示为前者的样式;如果二者定义在(指的是同一类或ID名下)不同的花括号,则此时Ie6下!important生效。这样,所有的浏览器都会显示前者attribute:value !important的样式效果。
2.多类选择符
类似于.class1 .class2这样用空格分隔的层次选择器,大家都很熟悉,匹配的是类class1的后代类class2。而对于无空格分隔的多类相连的写法,有些看法说需要根据浏览器区别对待,有人说这样的多类选择符IE6是不支持的。而我自己的测试表明,IE6也是支持这样的写法的。Eric Meyer《CSS权威指南》书中说,IE对多类选择符不支持并不正确,至少对IE6而言,并非如此。.warning.urgent {background: silver;} 有效,并非无效。
3.ie6.0对CSS2.1选择符的支持并不完整。
下面是IE不支持或者支持上存在问题的地方:
1)子选择符。
child selector
h1 > strong { color:red;} 无效,只能使用 h1 strong {color:red; },不支持子选择符,但支持派生选择符。
2)相邻兄弟选择符。
sibling selector
li+li { font-style:bold; } 无效。
3)属性选择符。
attribute selector
h1[class] {color: silver;} 无效。
4)伪类选择符
Pseudo-Class Selector有限支持。
:first-child伪类
语言伪类
:before和:after伪类
伪类:hover只在a元素中起作用
不支持伪类:focus。对于a元素获得焦点时使用:active
a:link :visited { color:#fff;},只认最后一个:visited.
最好按如下顺序写:
a:link {color: navy;}
a:visited {color: gray;}
a:hover {color: red;}
a:active {color: yellow;}
IE6对伪类选择符支持,也仅限于超链。
柳絮纷飞的日子——CSS笔记之四相关推荐
- html5 居于页面中心,css笔记:如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
- CSS笔记-除了a标签外的hover属性的应用
CSS笔记-除了a标签外的hover属性的应用内容简介:以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的. 有一段这样的html: div a href=# img alt=i am ...
- HTML+CSS笔记5
HTML+CSS笔记5 strong和b.em和i 优势:可以不用多个class进行区分,简化选择器操作 引用标签 iframe标签 br与wbr map与area embed与object audi ...
- 慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
- CSS 笔记(十二):预处理器 —— Less
CSS 笔记(十二):预处理器 -- Less 什么是 CSS 预处理器 CSS 预处理器就是使用某一种语言为 CSS 增加一些动态语言的特性,使用 CSS 预处理器可以使 CSS 具有简洁,适应性强 ...
- HTML与CSS笔记
HTML与CSS笔记 一.HTML: IDE快捷键: tab:补全标签 ctrl+/:快速注释 常用标签: <h1.h2--h6:六级标题 <p:段落 <strong:粗体 < ...
- 【CSS笔记】CSS文本颜色、字母大小写、文本对齐、文本装饰线、文本字体
目录 一.CSS笔记 1.1.CSS文本颜色 1.2.CSS字母大小写 1.3.CSS文本对齐 1.4.CSS文本缩进.间距.行高 (1)如何计算行高??? 1.5.CSS文本装饰线 1.6.CSS字 ...
- 48. 数据结构笔记之四十八的有向无环图的应用关键路径
48. 数据结构笔记之四十八的有向无环图的应用关键路径 "富贵不淫贫贱乐 , 男儿到此是豪雄.-- 程颢" 来看下有向无环图的另一个应用关键路径. 1. 关键路径 与AOV-网相 ...
- Owl 学习笔记之四---属性
Owl 学习笔记之四---属性 内容 概述
最新文章
- mongodb存储二进制数据的二种方式——binary bson或gridfs
- 微信小程序 wx.request异步网络请求
- add-apt-repository:找不到命令_嵌入式开发之交叉编译程序万能命令_以freetype为例...
- 2021年广西高考成绩查询方法,2021年广西高考成绩查询网站查分网址:https://www.gxeea.cn/...
- javaone_JavaOne 2015:为JDK 9做准备– blog @ CodeFX
- STM32学习及应用笔记一:SysTick定时器学习及应用
- 通过传址交换两个字符
- OpenCV-图像处理(27、模板匹配(Template Match))
- MIPS中lw指令运行时间最长
- 如何制作图片一句话木马
- phpMyadmin /scripts/setup.php Execute Arbitrary PHP Code Via A Crafted POST Request CVE-2010-3055
- 用python制作一个今天吃什么的代码
- 公共基础知识题库 计算机考点,公共基础知识考点
- 第三个Sprint ------第十一天
- android studio 智能机器人对话app
- 如何删除.hive-staging文件
- 四点底“灬”在汉字中的含义
- 拜托,学妹,别再问我怎么自学 Java 了!和盘托出
- elasticsearch 深入 —— Search After实时滚动查询
- wireless-ac 9462驱动下载_驱动精灵 v9.61去广告清爽版绿单文件版 下载更新备份电脑驱动工具...
热门文章
- 北京汽车摩托车年检查询指南(工作时间、最近检测厂、联系电话)
- ZAC深度解析:区块链技术如何重塑汽车后市场?
- c语言选择结构程序设计实验报告6,c语言-选择结构程序设计实验报告4.doc
- OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大
- 树莓派siri homekit_米家设备也能喊 Siri 控制,手把手教你把米家设备接入 Homekit
- lr 1 语法分析器c语言,LR语法分析器
- 机器学习(决策树四)——简述 剪枝
- 优秀程序员的十个习惯
- 2022湖南最新消防设施操作员模拟试题题库及答案
- tf.expand_dims