IE7的web标准之道 Ⅱ（4）
作者：阿一 来源：JustinYoung's Blog 发布时间：2008-08-13 12:50:00
扩展资料：“属性选择符”高级使用技巧
“属性选择符”有着令人惊讶的强大，它不仅能够识别简单的属性，判断属性的值。甚至可以根据简单的正则表达式，来匹配属性的值。看着下面的示例，将会令你感到惊讶。
<!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" />
<meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" />
<meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" />
<title>YES!B/S!文章示例页面</title>
<style type="text/css">
/*以条件字符串结尾*/
a[href$='.zip'] {
padding: 5px 20px 5px 0;
background: url(/file/UploadPic/20088/13/200881313217145.gif) no-repeat center right;
}
/*以条件字符串开头*/
a[href^='mailto:'] {
padding: 5px 20px 5px 0;
background: url(/file/UploadPic/20088/13/200881313218559.gif) no-repeat center right;
}
/*任意位置包含*/
a[href *="cnblogs"]{
padding: 5px 20px 5px 0;
background: url(/file/UploadPic/20088/13/200881313218399.gif) no-repeat center right;
}
</style>
</head>
<body>
<p>点击下载zip文件——<a href="download.zip" title="zip文件">zip文件</a></p>
<p>给我发邮件——<a href="mailto'>mailto:123456@163.com">mailto开头</a></p>
<p>来自——<a href="http://www.cnblogs.com" title="包含博客园网址">包含cnblogs</a></p>
</body>
</html>
下面是IE7的显示效果截图：
图：“属性选择符”高级使用技巧示例效果图
如果开动你的脑袋和手指，你将得到更多令自己惊讶的效果：
图：使用“属性选择符”的更多示例效果
0
投稿猜你喜欢
V5.0之后，我们总结了一些得失。首先要说的是改版的动力。产品设计或产品升级的驱动力只有两个：用户需求和网站目标。之前的我们的多次改版，其驱- 所谓天赋（左脑和右脑）也就是你是否有艺术天赋，天赋也许是存在的，这主要在于人类左右脑的分工。左脑主要负责逻辑理解、语言、判断、分类、分析、推
- 在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable Inman Flash Replac
- 通过 CSS transform (firefox文档, safari文档)属性. 无所不能的css也开始玩起3D效果了。在配合 CSS t
- 我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制
- 尽管XML还处在开发阶段，其标准正在由W3C组织制定，但是已经有许多公司表示全力支持XML，并开发了不少XML工具。Adobe公司的Fram
- 语法： ROW_NUMBER() OVER([ <partition_by_clause>] <order_by_clau
- 问题：连续或者单个窗体，如何打印当前显示的记录？当前窗体还有对应的子窗体，也要一起打印出来我在一个窗体里有一个单号,大子窗体里有几组数据,我
- 本文讨论 MySQL 的备份和恢复机制，以及如何维护数据表，包括最主要的两种表类型：MyISAM 和 Innodb，文中设计的 MySQL
- 关于CSS中的命名规则（其实我觉得是XHTML元素的命名规则更加合理些）这个问题，已经有很多人在说了，其中也不乏一些真知灼见。不过这种东西也
- 目前，很多互联网应用程序都提供了全文搜索功能，用户可以使用一个词或者词语片断作为查询项目来定位匹配的记录。在后台，这些程序使用在一个SELE
- 如何在ADO中客户端利用好缓存技术？具体应用见下例：global.asa< !--METADATA TYPE=&q
- 一个简单的JS显示日期代码，可以显示星期几<script type="text/javascript">fu
- 昨天群里介绍了一个专门帮你PS图片的网站。吐司网。网站在图片的预览处理上有点意思。当鼠标经过图片，显示为处理过的图片。这样大家能很清晰的对比
- 1．不装入数据库而启动事例 可以不装入数据库而启动事例，一般是在数据库才创建时才可以这样做：STARTUP NOMOUNT2.启动事例并装入
- SQL Server对上亿的表进行排序或者上亿的表之间进行join，会导致系统失去响应。◆1.我确实做了一个很大的查询，涉及的数据表有两亿条
- MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQLAB公司，在2008年1月16号被Sun公司收购。MySQL被广泛地应用在I
- 大家都知道系统存储过程是无法用工具导出的（大家可以试试 >任务>生成SQL脚本） 因为系统存储过程一般是不让开发人员修改的。 需
- 关于采集-防采集的我想大家都很清楚。这个就不多说，采集最终还是从页面源代码入手，所以只要没有规律想采集就难！由于一天自己在策划某个网站的时候
- 我们这里试输出一段字符：<％response.write Server.UrlEncode("织梦幻影")％>
