CSS優(yōu)先級(jí)在HTML中的寫(xiě)法

CSS優(yōu)先級(jí)是指在HTML文檔中，多個(gè)CSS樣式應(yīng)用于同一個(gè)元素時(shí)，如何確定哪個(gè)樣式會(huì)被應(yīng)用，在CSS中，樣式的優(yōu)先級(jí)是由樣式的來(lái)源、選擇器的類(lèi)型以及樣式的聲明順序等因素決定的。

在HTML中，可以通過(guò)以下方式來(lái)確定樣式的優(yōu)先級(jí)：

1. 內(nèi)聯(lián)樣式：在HTML元素中使用style屬性來(lái)定義樣式，這種樣式的優(yōu)先級(jí)***高。

```html

This is a paragraph.

```

2. 外部樣式表：在HTML文檔中使用link元素來(lái)引入外部樣式表，這種樣式的優(yōu)先級(jí)低于內(nèi)聯(lián)樣式。

```html

```

3. 內(nèi)部樣式表：在HTML文檔中使用style元素來(lái)定義內(nèi)部樣式表，這種樣式的優(yōu)先級(jí)也低于內(nèi)聯(lián)樣式。

```html

```

4. 選擇器的優(yōu)先級(jí)：在CSS中，選擇器的優(yōu)先級(jí)由選擇器的類(lèi)型決定，ID選擇器的優(yōu)先級(jí)高于類(lèi)選擇器，類(lèi)選擇器的優(yōu)先級(jí)高于標(biāo)簽選擇器。

```css

#myId {

color: green;

.myClass {

color: orange;

p {

color: red;

```

在以上示例中，ID選擇器的樣式優(yōu)先級(jí)***高，類(lèi)選擇器的樣式優(yōu)先級(jí)次之，標(biāo)簽選擇器的樣式優(yōu)先級(jí)***低，如果有一個(gè)元素同時(shí)應(yīng)用了以上三種樣式的樣式，那么該元素的樣式將按照ID選擇器、類(lèi)選擇器、標(biāo)簽選擇器的順序應(yīng)用。

需要注意的是，樣式的聲明順序也會(huì)影響樣式的優(yōu)先級(jí)，在CSS中，后聲明的樣式會(huì)覆蓋先聲明的樣式。

```css

p {

color: red;

p {

color: blue;

```

在以上示例中，由于第二個(gè)樣式的聲明晚于***個(gè)樣式，因此第二個(gè)樣式的樣式會(huì)覆蓋***個(gè)樣式的樣式，即該元素的樣式為藍(lán)色。