通過案例(面試題)來講解class優先順序的問題
阿新 • • 發佈：2020-12-11
通過案例(面試題)來講解class優先順序的問題
首先先看問題
<html>
<style>
.class1{
color:red;
}
.class2{
color:blue;
}
</style>
<p class="class1 class2">abc</p>
<p class="class2 class1">abc</p>
<html>
這段程式碼的結果如下圖
你會發現下面p標籤中無論如何調換class1和class2的位置，最終結果都還是上圖，這就引申出了class的優先順序問題，即class樣式的優先順序（或者層疊效果）是根據class在style或者css檔案中定義的順序比較，而不是根據class應用的順序，定義越靠後優先順序越高