.class ： 類選擇器 .classname{} //選擇類名為classname的元素
css**：
.classnamehtml**：
#id ： id選擇器 #idname{} //選擇id名為idname的元素
#idname* ： 選擇所有 *{} //萬用字元
*element ： 元素選擇器 div{} //選擇所有的div元素
p:element,element ： 多個元素選擇器 div,p{} //選擇所有的div和p元素
div,pelement element : 子選擇器 div p{} //選擇div中所有的子元素p
div pelement>element ： 擁有某父元素的元素 div>p{} //選擇所有父元素為div的p元素
div>pelement+element ： 相鄰選擇器 div+p{} //選擇所有div後緊挨的p元素
div+pelement~element ： 之後選擇器 div~p{} //選擇所有div後的p元素
div~p[attribute] ： 屬性選擇器 [width]{} //選擇所有擁有width屬性的元素
[width][attribute=value] : 屬性值選擇器 [class="a"] //選擇所有擁有class屬性且名為a的元素
[class=a][attribute~=value] : 屬性值選擇器 [class="a"] //選擇所有擁有class屬性且名 包含 為a的元素
[class~=a][attribute|=value] : 屬性值選擇器 [class="a"] //選擇所有擁有class屬性 且名起始以a開頭 的元素
[class|=a]element[attribute^=value]: 屬性值選擇器 div[class="a"] //選擇所有擁有class屬性 且名以a開頭 的div元素
div[class="a"]element[attribute$=value]: 屬性值選擇器 div[class$="a"] //選擇所有擁有class屬性 且名以a結尾 的div元素
element[attribute*=value]: 屬性值選擇器 div[class*="a"] //選擇所有擁有class屬性 且名包含a 的div元素
div[class*="a"]偽類：
a:link：visited 已經被訪問了的樣式 a：visited{} //已經訪問的樣式
：hover 當滑鼠移上去的樣式 div：hover{} //當滑鼠移在這個層上時的樣式
：focus 選擇獲取焦點的元素 input：focus{}//選擇獲取焦點的輸入框
：before 在該元素前新增的內容樣式 p：before{} //在所有的p元素前新增的內容及內容樣式
：after 在該元素後新增內容及樣式 p：after{} //選擇所有的p元素在其後新增內容及樣式
：first-letter 選擇該元素的第乙個字母 p：first-letter{} //選擇所有p元素的第乙個字母
：first-line 選擇該元素的第一行 p：first-line{} //選擇所有p元素的第一行
：first-child 該元素為其父元素的第乙個子元素 p：first-child{} //指定p元素為其父元素的第乙個子級
：first-of-type 該元素的父元素的第乙個該元素 p：first-of-type{} //選擇作為父元素的第乙個p元素
：last-of-type 該元素的父元素的最後乙個該元素 p：first-of-type{} //指定其父元素的最乙個p元素
：last-child 該元素為其父元素的最後乙個子元素 p：last-child{} //選擇其父元素最後乙個子元素為p元素
：nth-child(n) 該元素其父元素的第n個該子元素 p:nth-child(2){} //選擇其父元素正數的第2個p元素
：nth-of-type(n) 該元素其父元素的的第n個子元素
：root 根元素
：emmpty 沒有子元素的元素
：target 當前活動的#news元素（包含錨名）
：enabled 當前啟用的元素
：disabled 當前禁用的元素
：checked 每個選中的元素
：not 除該元素外的元素
::selection 匹配元素中被使用者選中或處於高亮狀態下的部分
：out-of-range 匹配值在指定值域外時的樣式
：in-range 匹配值在值域內時的樣式
：require 匹配設定了require的元素
：optional 匹配可選的元素
：valid 匹配合法時的樣式
：invalid 匹配不合法時的樣式
css 所有選擇器
選擇器 例子例子描述 css.class intro 選擇 class intro 的所有元素。1 id firstname 選擇 id firstname 的所有元素。1 選擇所有元素。2element p選擇所有 元素。1element,element div,p 選擇所有 元素和所有 元素。1...
CSS選擇器篇
要想將css樣式應用於特定的html元素，首先需要找到該目標元素。在css中，執行這一任務的樣式規則部分被稱為選擇器 選擇符 標籤選擇器是指用html標籤名作為選擇器，按標籤名分類，為頁面中某一類標籤指定統一的css樣式。其基本語法格式如下 標籤選擇器 可以把某一類標籤全部選擇出來 div span...
Css選擇器 層次選擇器（關係選擇器）
1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...