css 選取器 優先順序

--1--

行內樣式（style=“color：orange”）>ID選取器（name）>類別選取器（class）>標籤選取器（p）

多個類別選取器，前者為準。(class=“purple red”)  取purple

[一般越特殊的樣式（針對性越強）， 優先順序越高]

 

--2--

css編寫

一般只給外層標記定義class或id

內層標記通過嵌套方式，

子標記無法利用此規則時，才單獨進行聲明，

eg：ul li{...} 可以給某個li 單獨設定id或class

 

p span {color: blue} 針對所有後代標記

p>span {color: blue} 針對子標記

 

利用繼承特性 設定css

eg：ul li ul li ul li { color: green}

 

--3--

層疊：多個選取器 針對一個屬性設定=》衝突的解決方案

繼承：根據html結構，父到子設定css，子繼承父所有樣式，也可修改子本身樣式（不影響父）