css3選擇器範例說明

admin

css3選擇器範例說明

p-ul	選擇為之前是p標籤元素的ul標籤元素
a[src^=”https”]	選擇a標籤元素裡src值為”https”開頭之元素
a[src$=”.txt”]	選擇a標籤元素裡src值為”.txt”結尾之元素
a[src*=”hinet”]	選擇a標籤元素裡src值為”hinet”子字串之元素
p:first-of-type	選擇為第一個p標籤子元素的p元素
p:last-of-type	選擇為最後一個p標籤子元素的p元素
p:only-of-type	選擇為唯一p標籤子元素的p元素
p:only-child	選擇唯一子元素的p元素
p:nth-child(2)	選擇第二個子元素的p元素
p:nth-last-child(2)	選擇反過來數第二個子元素的p元素
p:nth-of-type(2)	選擇第二個p子元素的p元素
p:ntf-last-of-type(2)	選擇反過來數第二個p子元素的p元素
p:last-child	選擇最後一個p子元素的p元素
:root	選擇HTML網頁的根元素
p:empty	選擇沒有子元素的p元素，包含文字節點
input:enabled	選擇所有作用中input標籤元素
input:disabled	選擇非作用中input標籤元素
input:checked	選擇已選擇的input標籤元素
:not(p)	選擇為不是p元素的元素
::selection	選擇使用者選取的範圍