在 CSS 中，當存在多個選擇器作用于同一個元素的時候，就會出現 CSS 樣式的覆蓋。那么如何覆蓋一層 CSS 樣式呢？以下是一些方法：

/* 1.使用!important關鍵字 */
h1{
color: blue!important;
}
/* 2.改變CSS選擇器的優先級 */
.main h1{
color: red;
}
body .main h1{
color: blue;
}
/* 3.使用內聯樣式表 */
Hello, World!

1. 使用!important關鍵字

h1{
color: blue!important;
}

當你在 CSS 屬性后面加上!important關鍵字時，它將會把這個樣式的優先級設為最高，會覆蓋掉所有其他樣式。

2. 改變 CSS 選擇器的優先級

.main h1{
color: red;
}
body .main h1{
color: blue;
}

這里針對同一個元素 h1，我們分別給出了兩個選擇器，每個選擇器都有一個不同的優先級。選擇器的優先級決定了元素應該使用哪個樣式。通常，選擇器的優先級是由選擇器中包含的選擇器類型、類或 ID 數量確定的。上面的選擇器中，第一個選擇器的優先級要高于第二個選擇器，因為它包含了更多具體的 CSS 選擇器。

3. 使用內聯樣式表

Hello, World!

使用內聯樣式表時，CSS 樣式直接寫在元素的style屬性中，會覆蓋掉其他 CSS 樣式，但是不太適合用于大規模更改樣式。