選擇器功能:選中特定 DOM節點進行渲染
原始方法
getElementById()
getElementByName()
現在方法選擇器
分類:
id選擇器
類選擇器
標簽選擇器
邏輯與選擇器
其他類型選擇器:
偽類選擇器:
:link:未被訪問的鏈接
:visited:已訪問的鏈接
:active:活動鏈接、
:hover:有鼠標浮動在其上的元素
:focus:具有焦點的
:first-child:元素
偽元素選擇器
:before:在選擇器選中元素前插入內容
:after:在選擇器選中元素后插入內容
元素選擇器
[attribute*=value]優先級和類選擇器、偽類選擇器一樣
選擇器優先級
非復合選擇器:important>行內樣式>id選擇器>類選擇器>標簽選擇器>繼承
從左往右依次進行比較 ,較大者優先級更高
如果相等,則繼續往右移動一位進行比較
如果4位全部相等,則后面的會覆蓋前面的
A:內聯樣式個數
B:ID選擇器個數
C:類選擇器 偽類選擇器 屬性選擇器個數
D:偽元素選擇器 標簽選擇器 個數