CSS3 01. CSS3現狀、屬性選取器、偽類別選取器、

標籤：nbsp   大括弧   標籤   增強   屬性選取器   屬性   方式   並集   等於   

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 新增其他的偽類別選取器

　　　　以某元素相對於其

 

CSS3 01. CSS3現狀、屬性選取器、偽類別選取器、