【CSS3】属性选择器
来源:互联网 发布:ni 6229数据手册 编辑:程序博客网 时间:2024/06/06 01:32
在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进行区分。
在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示:
(单击可放大)
实例展示:
html代码:
<a href="xxx.pdf">我链接的是PDF文件</a><a href="#" class="icon">我类名是icon</a><a href="#" title="我的title是more">我的title是more</a>
css代码
a[class^=icon]{ background: green; color:#fff;}a[href$=pdf]{ background: orange; color: #fff;}a[title*=more]{ background: blue; color: #fff;}
结果显示:
0 0
- CSS3选择器--属性选择器
- CSS3 选择器 属性选择器介绍
- CSS3 选择器—属性选择器
- CSS3属性选择器
- CSS3-新增属性选择器
- css3属性选择器
- 【CSS3】---属性选择器
- CSS3属性选择器
- css3属性选择器
- CSS3属性选择器
- 【CSS3】属性选择器
- css3属性选择器
- CSS3属性选择器
- 03、CSS3属性选择器
- CSS3属性选择器
- CSS3属性选择器总结
- CSS3的属性选择器
- CSS3属性选择器详解
- pcl 1.8.0(4) qhull 编译
- Android 6.0 系统棉花糖新的特性和功能
- matlab 小知识点
- .net 三种拼接数据为DataTable的方法
- 1078. Hashing (25)
- 【CSS3】属性选择器
- php emoji表情处理
- 安卓屏屏幕适配
- 梦行文档(在线手册制作系统,帮助手册,教程说明文档,使用手册说明)
- Nginx1.8.1+Tomcat7.0负载均衡
- 常用C字符串操作函数
- pc进入android手机shell的root权限(su: not found)
- 动态规划学习笔记一
- CentOS7安装iptables防火墙