[CSS3]移动Web开发系列之CSS3增强型选择器
来源:互联网 发布:华为软件开发工程师 编辑:程序博客网 时间:2024/06/05 17:36
css3是移动Web开发的主要技术之一。当前,CSS3技术最适合在移动Web开发中使用的特性有增强的选择器、阴影、强大的背景设置
、圆角边框
接下来我们主要讲解增强型的选择器,主要分两种,属性选择器和伪类选择器
1、属性选择器
1.1完全匹配选择器
语法:[attribute=value]
<span style="font-family:Microsoft YaHei;"><div id="article">属性匹配选择器</div><style type="text/css">[id=article]{color:red;}</style></span>
1.2包含匹配选择器
语法:[attribute*=value]
<span style="font-family:Microsoft YaHei;"><div id="article">属性匹配选择器</div><div id="subarticle">属性匹配选择器</div><div id="article1">属性匹配选择器</div><style type="text/css">[id*=article]{color:red;}</style></span>1.3首字符匹配选择器
语法:[attribute^=value]
<span style="font-family:Microsoft YaHei;"><div id="article">属性匹配选择器</div><div id="subarticle">属性匹配选择器</div><div id="article1">属性匹配选择器</div><style type="text/css">[id^=article]{color:red;}</style></span>1.4尾字符匹配选择器
语法:[attribute$=value]
<span style="font-family:Microsoft YaHei;"><div id="article">属性匹配选择器</div><div id="subarticle">属性匹配选择器</div><div id="article1">属性匹配选择器</div><style type="text/css">[id$=article]{color:red;}</style></span>
2、伪类选择器
CSS3选择器中,伪类选择器种类非常多,在CSS2.1时代,伪类选择已经存在,例如超链接的四个状态选择器
a:link、a:visited、a:hover、a:active
CSS3增加了非常多的选择器,其中包括:
first-line 伪元素选择器
first-letter伪元素选择器
root选择器
not选择器
empty选择器
target选择器
2 0
- [CSS3]移动Web开发系列之CSS3增强型选择器
- CSS3之选择器
- CSS3之选择器
- css3之target选择器
- HTML5移动客户端开发之CSS3、Javascript
- 移动开发之总结CSS3属性
- CSS系列:CSS3新增选择器
- 【前端开发系列】—— CSS3属性选择器总结
- [笔记]WEB开发之3456:CSS3
- CSS3选择器、CSS3圆角
- CSS3学习之选择器篇
- 移动Web界面样式-CSS3
- css3学习 之 css选择器(css3 属性选择器)
- CSS3选择器
- css3选择器
- CSS3选择器
- CSS3 选择器
- CSS3 选择器
- sendmsg在传输层上的实现(二)
- 10.Fragment和Activity在Viewpager里面生命周期会混乱。
- Android模拟键盘输入功能的实现
- Android编译系统
- strstr()引起的segment seeor
- [CSS3]移动Web开发系列之CSS3增强型选择器
- iptables基础知识.详解
- ORA-32773: operation not supported for smallfile tablespace TOOLS
- strlen和sizeof区别
- 云计算和大数据应用技术免费讲座
- 【flex4.6将移动开发进行到底】第一章第二节hello,flex4.6!
- SQL数据库索引
- 火狐浏览器小图标不显示
- 大数据将死