當同乙個 html 元素被不止乙個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字 1擁有最高的優先權。
1.內聯樣式（在 html 元素內部）
2.內部樣式表（位於 標籤內部）
3.外部樣式表
4.瀏覽器預設設定
因此，內聯樣式（在 html 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式宣告： 標籤中的樣式宣告，外部樣式表中的樣式宣告，或者瀏覽器中的樣式宣告（預設值）。
lang="en">
charset="utf-8">
documenttitle>
rel="stylesheet"
type="text/css"
href="test.css">
type="text/css">
.div
style>
head>
id="input1"
type="button"
value="35選7">\
class="div"
style="background-color:#426db7; width:300px;height:200px;color:#fff;">樣式優先順序div>
body>
html>
.div
CSS的優先權
css2.1 中規定了關於css 規則specificity 特異性 的計算方式，用乙個四位的數字串 注 css2 中是用三位 來表示，最後以specificity 的高低判斷css 的優先權。specificity 具體的計算規則 元素的style 樣式屬性，加1,0,0,0。每個id 選擇符 i...
詳解CSS的優先權
發現很多朋友對 css 的優先權不甚了解，規則很簡單。需要說明的一點，如果你的樣式管理需要深層判斷 css 的優先權，更應反思自己的 css 是否合理？是否優化？css2.1 中規定了關於 css 規則 specificity 特異性 的計算方式，用乙個四位的數字串 注 css2 中是用三位 來表示...
詳解CSS的優先權
發現很多朋友對 css 的優先權不甚了解，規則很簡單。需要說明的一點，如果你的樣式管理需要深層判斷 css 的優先權，更應反思自己的 css 是否合理？是否優化？css2.1 中規定了關於 css 規則 specificity 特異性 的計算方式，用乙個四位的數字串 注 css2 中是用三位 來表示...