CSS優先級調整是網頁設計中常見的問題，因為不同的樣式屬性會影響到不同的元素，所以我們需要根據實際情況調整樣式的優先級。

在 CSS 中，優先級是指什么？

CSS 優先級是指對于同一個樣式規則，不同屬性之間的優先級。優先級可以從低到高依次為：

1. 類名(class)

2. 屬性名(attribute)

3. 子類名(class)

4. 父類名(class)

5. 屬性值

6. 偽類名(style)

例如，假設我們有一個樣式規則：

```css

.parent {

width: 200px;

height: 200px;

background-color: blue;

.child {

width: 100px;

height: 100px;

background-color: red;

在這個例子中，`.parent` 是父類名，`.child` 是子類名，`width` 和 `height` 屬性是子類的屬性，`background-color` 屬性是父類的屬性。

當我們需要在 `.parent` 元素上應用這個樣式規則時，我們可以這樣設置：

```css

.parent {

width: 200px;

height: 200px;

background-color: blue;

.child {

width: 100px;

height: 100px;

background-color: red;

在這個例子中，`.parent` 元素已經被定義為了 `width: 200px;` 和 `height: 200px;`，所以父類屬性 `background-color` 的優先級比子類屬性 `width` 和 `height` 的優先級低，因此在 `.parent` 元素上應用子類屬性 `background-color` 是正確的。

但是，如果我們希望子類屬性 `background-color` 在高優先級的情況下仍然能夠被應用，我們需要使用偽類名 `:first-child` 和 `:last-child`。這兩個偽類名可以讓 `background-color` 屬性在父類和子類之間有所選擇的優先級。

例如，如果我們需要在 `.parent` 元素上應用一個藍色的背景并在最后一個元素 `.child` 上應用一個紅色的背景，我們可以這樣設置：

```css

.parent {

width: 200px;

height: 200px;

background-color: blue;

.child:last-child {

background-color: red;

在這個例子中，`.parent` 元素已經被定義為了 `width: 200px;` 和 `height: 200px;`,`:last-child` 是子類的屬性，所以在 `.parent` 元素的最后一個元素 `.child` 上應用了子類屬性 `background-color` 。

在 CSS 中，我們還可以使用其他的優先級規則，例如：

1. 內聯樣式

2. 絕對定位樣式

3. 偽塊樣式

4. 偽段落樣式

這些規則也可以被用來調整樣式的優先級。

通過了解 CSS 優先級的含義和常見的調整方式，我們可以更好地理解并應用 CSS 樣式，從而優化網頁的設計和性能。