關於css樣式優先順序的問題

2021-09-25 19:49:56 字數 601 閱讀 9776

css的三種引入方式

一、行內樣式

使用style屬性引入css樣式。

直接在html標籤中設定的樣式

這種方法不提倡使用,後期維護會狠不方便

二、內部樣式表

在style標籤中書寫css**,style標籤寫在head標籤中。

三、外部樣式表

css**儲存在擴充套件名為.css的樣式表中

html檔案引用擴充套件名為.css的樣式表,有兩種方式:鏈結式、匯入式。

1、鏈結式

//常用方法
2、匯入式

@:優先順序排序

!important > 內聯樣式 > id選擇器樣式 > 類選擇器樣式 > 元素選擇器樣式

css選擇器的使用,應該盡量避免使用 !important 和 內聯樣式;id通常也是與class區分開使用,前者多用於js中的結點定位,後者多用於css選擇器。

Css樣式優先順序問題

想要對乙個標籤處理它的樣式,可以用 class 的方式來定義它的類,然後在類中處理他的樣式 例如 html view plain copy print?style box style divclass box div 當然也可以用 id 或者乾脆直接對標籤寫樣式,然而如果把這些定義都放在了乙個元素中...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中寫...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中...