在 CSS 中，加載順序是非常重要的一個概念。當多個樣式文件和樣式表在同一個 HTML 頁面中共存時，內部樣式加載順序比外部樣式的加載順序更加重要。
內部樣式是指在 HTML 頁面中使用<style>標簽嵌入的樣式。當 HTML 頁面被加載時，這些內部樣式會按照一定的順序被加載。
具體來說，內部樣式的加載順序并不是按照它們在 HTML 頁面中出現的順序進行的。而是按照以下的原則進行的：
1. 通用樣式 (如 body、p、h1 等) 優先于類樣式、id 樣式和屬性樣式。 2. 類樣式優先于 id 樣式。 3. 后加載的樣式表優先于先加載的樣式表。
可以用下面的 HTML 代碼來示范這種加載順序：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
}
#intro {
color: blue;
}
.highlight {
color: green;
}
body {
background-color: black;
}
</style>
<link rel="stylesheet" type="text/css" href="my-style.css">
</head>
<body>
<p class="highlight" id="intro">Hello world!</p>
</body>
</html>根據上述的原則，<p>標簽將按照以下規則應用樣式：
1. 樣式表從上到下加載，因此代碼塊中的樣式首先被加載。 2. 所有通用樣式，如 body、p 和 h1 標簽中定義的樣式現在可以應用于頁面上的所有元素。 3. 接下來，樣式表中定義的類和 id 樣式被加載和應用。 4. 最后，外部樣式表中定義的樣式被加載和應用。這意味著 my-style.css 中定義的任何樣式將被應用于頁面上的元素。
總結而言，對于內部樣式加載順序，需要遵循通用樣式、類樣式、id 樣式和屬性樣式的先后順序。只有理解了這些，我們才能更好地設計我們網站的樣式。
上一篇mysql服務器裝在安卓
下一篇css中內邊距和外邊距