IE7新支持的CSS属性和属性选择符
时间：2008-03-16 14:26:00
以下是IE7中新支持的属性:
min-height,max-height,min-width,max-width
这个hack还可以使最大高度兼容IE6，你可以举一反三：
{height:350px;overflow:hidden;}
以下是IE7中新支持的属性选择符:
精确属性匹配 [=] : 只有当属性完全匹配指定值的时候, 则会应用该css定义.
存在匹配 []: 只要存在这样的属性, 则应用该css定义.
连字号匹配[|=]: 使用连字号匹配的css定义. 例如: <span abc=”en-us”>dddd</span> 它就能应用 <style>[abc|=”en”] {color:red;}</style>
前缀匹配[^=]: 只有是指定属性以指定字符开始, 则应用该css定义.
子字符串匹配[*=]: 只有指定属性存在指定字符, 则应用该css定义.
后缀匹配[$=]: 只有指定属性以指定字符结尾, 则应用该css定义.
空白分隔匹配[~=]: 是指使用空格或空白间隔的属性值, 则应用该css定义. 例如: <span abc=”ddd here abc”>dddd</span> 它就能应用<style>[abc~=”here”]{color:red;}</style>
这里有几个例子:
<HTML>
<HEAD>
<TITLE>CSS3: Attribute Selectors</TITLE>
<style>
.test {color: green;display: none;}
.fail {color: red;}
[special] {display: block;}
[attr=”Value”] {display: block;}
[attr^=”B”] {display: block;}
[attr$=”n”] {display: block;}
[attr*=”ai”] {display: block;}
[attr|=”en”] {display: block;}
[attr~=”Two”] {display: block;}
[class=”fail”] {display: none;}
</style>
</HEAD>
<BODY>
<h1>CSS3: Attribute Selectors</h1>
<h2>Attribute Selector Tests</h2>
<div class=”test” special>1. Test for [] (Existence) succeeded.</div>
<div class=”test” attr=”Value”>2. Test for [=] (Value) succeeded.</div>
<div class=”test” attr=”Blue”>3. Test for [^=] (Prefix) succeeded.</div>
<div class=”test” attr=”Green”>4. Test for [$=] (Suffix) succeeded.</div>
<div class=”test” attr=”Contains”>5. Test for [*=] (Substring) succeeded.</div>
<div class=”test” attr=”en-us”>6. Test for [|=] (Hyphen) succeeded.</div>
<div class=”test” attr=”One Two Three”>7. Test for [~=] (Token) succeeded.</div>
<div class=”fail”>Attribute selector tests failed.</div>
</BODY>
</HTML>
标签：ie7,css,属性
0
投稿猜你喜欢
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2022-05-27 16:06:04
利用Python进行数据可视化的实例代码
2023-11-24 10:21:45
解决django同步数据库的时候app models表没有成功创建的问题
2024-01-15 02:04:09
巧妙使用python opencv库玩转视频帧率
2023-02-01 13:54:30
Python高阶函数、常用内置函数用法实例分析
2023-01-24 17:36:58
解决python有时候import不了当前的包问题
2022-11-28 18:52:21
网站设计趋势: iPhones[译]
2009-09-21 12:40:00
python playwright之元素定位示例详解
2023-06-14 01:08:41
Python如何实现FTP功能
2021-10-22 15:08:25
JS中检测数据类型的几种方式及优缺点小结
2024-04-16 09:14:41
使用Python监控文件内容变化代码实例
2021-06-05 22:45:19
网站导航设计模式指南
2011-03-04 16:12:00
SQL Server误设置max server memory的处理方法
2024-01-21 14:01:22
使用pymysql写入中文的问题
2024-01-12 22:44:49
Windows8下安装Python的BeautifulSoup
2022-05-30 15:03:06
JavaScript中尽量用局部变量的原因[译]
2009-02-20 13:45:00
python pandas中的agg函数用法
2023-07-20 09:40:08
Python爬虫实现自动登录、签到功能的代码
2023-01-29 12:15:37
zen coding的dreamweaver插件安装教程
2010-01-12 13:30:00
Golang标准库syscall详解（什么是系统调用）
2024-05-28 15:23:35