CSS选择器创建个性化链接样式的教程

我们在计划网站的时辰，有的时辰必要按照页面元素的属性来建造差异的样式，好比，对付差异的链接范例，表现差异的链接图标。CSS的选择器是个很有效的技能，通过它们，我们可以很轻易的实现某些结果。本日我们通过建造本性化链接样式来先容一下CSS的属性选择器。

先看一下演示吧：

正如上图中看到的那样，我们为每种链接界说了差异的样式：当链接a的href属性的值为"mailto"邮件链接的时辰，在该链接后头表现一个邮件的图标；当链接为word文件时，后头表现word文档图标；当链接地点为mp3的时辰，表现音乐播放图标；当链接地点包括"qianduan.net"的时辰，就表现一个首页图标……

着实实现这样的成果很是轻易，我们先来看看CSS的属性选择器的语法：

必要留意的是，CSS选择器无论CSS ２.１版本照旧CSS 3版本，IE7和IE8都支持，webkit、Gecko焦点及Opera也都支持，只有IE6以下赏识器才不支持。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!