CSS是前端工程師的必備技能之一，很多前端開發同學日常都離不開CSS。然而在面試中經常會遇到這樣的一個問題：class的順序會影響樣式展示嗎？
比如下面的CSS：
<code>// css
.a { color: red; }
.b { color: blue; }/<code>
如果HTML是這樣：
<code>Here’s some text/<code>
請問文字是什麼顏色的？藍色？紅色？大家思考一下。
如果HTML變成這樣呢？
<code>Here’s some text/<code>
這時候文字又是什麼顏色呢？
思考5秒鐘。。。
正確的答案是，上面兩種HTML的結果是一樣的。也就是說class的順序並不會改變樣式，上面例子中的文字都是藍色的。
CSS樣式並不和元素上class的順序有關係，而是和class定義的順序有關係。對於同一個屬性，會按定義順序讀取，後定義的會覆蓋前面定義的值。
這個問題雖然很簡單，但是我在面試中也見過很多候選人答錯。
歡迎你給我留言，轉發。希望能對你有幫助。
分享到:
閱讀更多 大時代前端 的文章
