CSS3 01. CSS3现状、属性选择器、伪类选择器、

CSS 3 现状

　　　　兼容性差，需添加私有前缀／移动端优于PC端／不断改进中／渐进增强原则／考虑用户群体／遵照产品的方案 ；

　　　　CSS3手册 需要阅读其--阅读及使用指引

[]表示全部的可选项

|| 或者

| 表示 多选一

? 表示 0个或1个

* 表示 0个或多个

{}表示范围  {A}代表出现A次 ，{A,B}代表出现A次以上B次以下 ，B可以省略，{A,} 代表至少出现A次，无上限

# 出现1次以上，以逗号隔开，可以选择后面跟大括号的方式精确表示重复次数：<length>#{1,4}.

!代表出现产生一个值，即使组内的值都可以省略，但至少有一个值不能呗省略：[A?B?C?]!

属性选择器

　　标签选择器／类名选择器／id选择器／后代选择器／标签指定（交集）选择器／并集选择器／子代选择器／通配符

　　　　div+p:选择div后第一个p

　　　　div~p:选择div后所有p

　　具体有以下5种形式：

　　　　E[attr] 表示存在attr属性即可:   div[class]

　　　　E[attr=val] 表示属性值完全等于val： div[class=mydemo] ;

　　　　E[attr*=val]  表示的属性值里包含val字符并且在“任意”位置 ；div[class*=mydemo]

　　　　E[attr^=val] 表示的属性值里包含val字符并且在“起始”位置 ; div[class^=mydemo]

　　　　E[attr$=val]  表示的属性值里包含val字符并且在“结束”位置 ；div[class$=mydemo]

伪类选择器：

　　:link. 正常状态

　　:viaited 已经问过的链接

　　:hover 鼠标经过

　　:action  点击

　　CSS3 新增其他的伪类选择器

　　　　以某元素相对于其