選擇器符號
在css中前面加#，並填寫id名稱
在css中前面加.，並填寫class名稱
在css中填寫元素與屬性，例如
*[title]
a[href]
a[href][title]
img[alt]
.a:hover
在css中填寫id、class、元素，再填寫偽元素，例如
.a::after
相鄰兄弟選擇器title
>
type
="text/css"
>
h1+p
style
>
head
>
>
>
hello word!p
>
>
hello word!h1
>
>
hello word!p
>
body
>
html
>
上述例子中h1中能影響h1下邊的p
只對該元素的後面的所有兄弟選擇器有效，包括兄弟的後代元素
>
>
>
第乙個表單title
>
head
>
>
.classa~span
style
>
>
class
="classa"
>
span
>
>
123
span
>
>
123>
123>
123
>
125p
>
span
>
span
>
span
>
body
>
html
>
只能選擇作為某元素兒子元素的元素，不包括孫元素、曾孫元素等等等。
選擇第乙個後代選擇器
也有例外的例子
>
>
>
第乙個表單title
>
head
>
>
li:first-child
style
>
>
>
>
測試p>
>
咖啡li
>
>
茶li>
>
可口可樂li
>
ol>
body
>
html
>
該選擇器選取父元素的第 n 個子元素，與型別無關。
>
>
>
第乙個表單title
>
head
>
>
p:nth-child(2)
style
>
>
>
>
這是標題h1
>
>
第乙個段落。p
>
>
第二個段落。p
>
>
第三個段落。p
>
>
第四個段落。p
>
>
>
注釋：b
>
internet explorer 不支援 :nth-child() 選擇器。h1
>
body
>
body
>
html
>
:nth-of-type(n) 選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素.
與前面的 :nth-child() 選擇器相似，不過是倒著數的。
選擇器用法
選擇器 idelement class selertor1,selector2 逗號 ancestor descendant 祖先元素的所有後代元素 parent child 父元素的所有子元素 prev next 所有緊接在prev元素後面的next元素 prev siblings 匹配prev元...
jquery選擇器用法
1.基本選擇器 2.層次選擇器 2.1.sela selb 派生選擇器 父子關係 div span 在 div內部獲得全部 span 標籤，無需考慮層次 2.2.sela selb 子元素選擇器 父子關係 div span 在 div的內部獲得子級 span標籤 2.3.sela selb 兄弟關係...
jquery選擇器用法總結
jquery最核心的是查詢功能，下面對jquery選擇器總結一下 版本是1.9 一 基礎選擇器 1 號選擇器，獲取所有元素。例 2 class選擇器。例 classname 3 id選擇器。例 id 4 多個選擇器的集合。例 div,span,p,classname,id 二 層級選擇器 1 根據父...