`

css3新特性-新增3个属性选择器

    博客分类：
  • CSS3
 
阅读更多
CSS3在CSS2的基础上对属性选择器进行了扩展,使得属性选择器有了通配符的概念。 




<style type="text/css">
a[class^="column"]{
    background:red;
    }
a[href$="doc"]{
    background:green;
}
a[title*="box"]{
    background:blue;
}
</style>
</head> 
<body>
<a href="##" class="columnNews">背景红色</a>
<a href="##" class="columnVideo">背景红色</a>
<a href="##" class="columnAboutUs">背景红色</a><br/>
<a href="1.doc">背景绿色</a>
<a href="2.doc">背景绿色</a><br/>
<a href="##" title="this is a box">背景蓝色</a>
<a href="##" title="box1">背景蓝色</a>
<a href="##" title="two boxs">背景蓝色</a>
</body>
  • 大小: 63.9 KB
分享到：
| document.ready()和window.onload()
评论
发表评论

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

相关推荐

    详解CSS3中属性选择器新增加的特性

    零、概览CSS2支持的属性选择器用一个表达式[{属性 | 属性 {= | |= | ~=} 值}]1.[class=a]只能匹配class=a的元素2.[class~=a]则可以匹配class=a、class=a b的元素3.[lang|=en]则可以匹配lang=en、lang=en-us的元素。...

    html5 权威指南 最新版

    第三部分阐述CSS，涵盖了所有控制内容样式的CSS 选择器和属性，并辅以大量代码示例和图示；第四部分介绍DOM，剖析如何用JavaScript 操纵HTML 内容；第五部分讲解Ajax、多媒体和canvas 元素等HTML5 高级特性。 本书...

    front-end:front-end 前端相关文章

    前端收集shine 主要汇集一些工作内容相关的案例或学习工具 基础 （基础） ...CSS.escape和CSS.supports()静态方法 处理css特殊器字符和判断浏览器是否支持某个css特性 文章 ECMAScript2017新特性 E

    html5权威指南

    第三部分阐述CSS，涵盖了所有控制内容样式的CSS 选择器和属性，并辅以大量代码示例和图示；第四部分介绍DOM，剖析如何用JavaScript 操纵HTML 内容；第五部分讲解Ajax、多媒体和canvas 元素等HTML5 高级特性。, 本书...

    『豪横，让面试官无题可问』☛第二期-Css让人忽视的面试题—–猛男,你还记得吗？

    6.谈谈你对相对定位、绝对定位、固定定位的理解7.CSS选择器有哪些？哪些属性可以继承？8.CSS3新增伪类有哪些并简要描述?9.谈谈你理解的优雅降级和渐进增强？10.style标签写在body前和body后的区别是什么？11.什么是...

    2.ASP.NET.2.0.高级编程(第4版) [1/7]

    内容简介回到顶部↑本书全面介绍了ASP.NET各种编程技能和2.0版中的巨大变化，并详细阐述了2.0版中的每个新特性。书中提供了大量的实例，可帮助读者快速掌握如何在.NET平台下开发功能强大的ASP.NET应用程序。本书适合...

    asp.net知识库

    泛型技巧系列：简单类型选择器 C# 泛型简介 我眼中的C#2.0新功能特性 泛型技巧系列：避免基类及接口约束 New Article 不该用Generics实现Abstract Factory的理由 C#2.0-泛型 C#2.0-extern C#2.0-可空类型 C#2.0-分部...

    jquery插件使用方法大全

    jQuery UI（2007年9月）：这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件（widget），以及一组用于构建高级元素（例如可拖放的界面元素）的工具。 ...

    ASP.NET2.0高级编程(第4版)1/6

    本书全面介绍了ASP.NET各种编程技能和2.0版中的巨大变化，并详细阐述了2.0版中的每个新特性。书中提供了大量的实例，可帮助读者快速掌握如何在.NET平台下开发功能强大的ASP.NET应用程序。本书适合有一些基础的ASP...

    EditPlus V3.51 build 1036 中文版

    除此之外，在界面外观设计上 EditPlus 也有很多过人之处，我不能很好地将这种独特的属性描述出来，但我可以做一个比喻，如果把各种文本编辑器都看作一个美女的话，EditPlus 就属于那种苗条纤巧，落落大方的类型，...

    ASP.NET 3.5 开发大全11-15

    12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用编程的方法控制主题 12.2 母版页 12.2.1 母版页基础 12.2.2 内容窗体 12.2.3 母版页的...

    ASP.NET 3.5 开发大全1-5

    12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用编程的方法控制主题 12.2 母版页 12.2.1 母版页基础 12.2.2 内容窗体 12.2.3 母版页的...

    ASP.NET4高级程序设计(第4版) 3/3

    4.2.5　设置Style特性和其他属性　102 4.2.6　通过编程创建服务器控件　103 4.2.7　处理服务器端事件　104 4.3　Web控件　107 4.3.1　WebControl基类　107 4.3.2　基本的Web控件类　108 4.3.3　单位　109 4.3.4　...

    JavaScript权威指南(第6版)(中文版)

    19.8 jQuery选择器和选取方法 19.9 jQuery的插件扩展 19.10 jQuery UI类库 第20章 客户端存储 20.1 localStorage和sessionStorage 20.2 cookie 20.3 利用IE userData持久化数据 20.4 应用程序存储和离线Web应用 第21...

    JavaScript权威指南（第6版）

    19.8 jQuery选择器和选取方法 19.9 jQuery的插件扩展 19.10 jQuery UI类库 第20章 客户端存储 20.1 localStorage和sessionStorage 20.2 cookie 20.3 利用IE userData持久化数据 20.4 应用程序存储和离线Web应用 第21...

Magicbox
Global site tag (gtag.js) - Google Analytics