同一個元素中有多個class，優先順序

youou發表於2021-09-09

比如：

<input class='class1 class2'>

class1 和 class2 中多定義了顏色，那麼最後的顏色，要看在載入css檔案的時候，哪個class是最後載入的，就會呈現哪個的顏色。


例如：

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 測試例項 - 菜鳥教程(runoob.com)</title><script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original=""></script><style>.active {	width: 100px;	height: 100px;	background: green;}.text-danger {	background: red;}</style></head><body><div id="app">	<div class="text-danger active"></div></div></body></html>

最後的顏色為：紅色。

因為text-danger 在是最後載入的。





來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/4729/viewspace-2815880/，如需轉載，請註明出處，否則將追究法律責任。

相關文章