行內樣式新增多個style屬性，只會載入第一個style裡面的樣式

行內樣式新增多個style屬性，只會載入第一個style裡面的樣式；
很懵逼，不知道我說的是啥？
舉個栗子：

<p style="style1"   style="style2" ....>====XXX文字內容XXXX====</p>

今天調整一個元素的樣式，我在頁面上直接調的時候能正常顯示，但是我把style對應的樣式新增到標籤內的時候，發現頁面上的元素死活都沒有我新增的新樣式，帶著疑問做了幾個測試，發現是我多寫了個style，預設只會載入第一個style，哈哈，一般人都不會犯這個錯誤的；

---

測試1： 頁面上有三個li，每個li新增一個style樣式，頁面正常顯示；

測試2：給同一個元素，新增兩個style樣式

• 兩個style設定不同的字型顏色，後面的style不會覆蓋前者；

  
  
  

• 測試發現，頁面只能載入到第一個style樣式，第二個style不載入；

  
  
  

測試3：同一個style，裡面相同的樣式屬性後者會覆蓋前者；

• 如圖，會發現第一個li，字型是粉色的，兩個color值都有，但後者顯示，前者未顯示，說明後者覆蓋前者相同的屬性；

  
  
  

綜上小結：

• 一個標籤內，只能有一個style屬性；
  • 多個style，只載入第一個style，後面的不載入；
  • 一般沒人這樣寫，也不會出這種錯誤；
• 同一個style，設定相同的樣式屬性，後者的會覆蓋前者的屬性值；
  • 頁面上兩個樣式屬性都會載入到，但顯示的是後者的屬性值對應的樣式；