css層疊的含義及css選擇器權重

2021-09-05 19:39:42 字數 515 閱讀 8675

一、層疊指的是樣式的優先順序,當產生衝突時以優先順序高的為準

1.內聯樣式》內部樣式》外部樣式(如果出現important標記,則important的優先順序最高)

2.id選擇器》類選擇器》元素選擇器

3.權重相同時取後定義的樣式

二、css選擇器權重

當兩個選擇器給同乙個元素設定相同樣式時,會優先使用權重較高的選擇器中的樣式。我們把選擇

器的權重分為四個等級

a) 第一等:< h1 style= " color:skyblue; " >< /h1 > 內聯樣式,權重為 1000;

b) 第二等:id選擇器,權重為 100;

c) 第三等:class選擇器、偽類選擇器、屬性選擇器,權重為 10;

d) 第四等:型別選擇器、偽元素選擇器,權重為 1;

注:後代選擇器權重為:所有選擇器權重之和

群組選擇器權重為:每個選擇器自身的權重

css層疊樣式 選擇器

1.內聯 在標籤中設定style屬性 標籤名 style 樣式1 樣式值 3.外部引入 新建。css檔案,在css檔案中寫樣式 選擇器1 在html檔案的head標籤中用 選擇器 1.id選擇器 在標籤中加入id屬性 標籤名 id id值 2.class 在標籤中加入class屬性 class值 3...

css層疊樣式表及選擇器

六 css層疊樣式表 由網頁組成 網頁的結構由html組成 網頁的樣式由css組成 1.css概念 cascading style sheets 層疊 樣式 表 css是定義html表現形式的描述性語言 2.如何設定標題文字顏色 對齊方式 背景色 h3 北京 h3 文字顏色 巢狀 font font...

CSS選擇器,繼承,層疊,權重

這節主要講css選擇器 最常用的有兩種選擇器 1 型別選擇器 也稱為元素選擇器 p 2 後代選擇器 兩者之間加空格 first span 通用選擇器 萬用字元 css3選擇器 子選擇器 相鄰同袍選擇器 屬性選擇器 偽類 love hate link visited hover active css的...