一:基本選擇器

標簽選擇：根據(jù)頁面當(dāng)中標簽名字進行選擇，直接把樣式應(yīng)用到指定的標簽上。

特點：

1.標簽選擇器會對當(dāng)年頁面當(dāng)中所有的指定標簽進行選擇；

2.標簽選擇器對代碼的當(dāng)前標簽層次結(jié)構(gòu)沒有任何關(guān)聯(lián)，只要是在當(dāng)前頁面上，都能被選中。

id選擇：需要先指定一個標簽設(shè)置id值（id值不能重復(fù)是整個頁面中唯一的）。

class選擇：通過給標簽取類名，通過類選擇器選擇指定標簽。

二：三套復(fù)雜選擇器

1.后代選擇器

A、可以根據(jù)當(dāng)前選擇中的標簽，找到后續(xù)子標簽

B、后代選擇器可以進行多層精確選擇

2.交集選擇器

格式：第一層選擇第二層選擇{}

注意：點表示交集，一般以標簽開頭

3.并集選擇器

格式：第一個選擇器，第二個選擇器，…{}

三：css繼承性

定義：有一些樣式，在給當(dāng)前標簽設(shè)置的時候，同時會給它后代標簽進行設(shè)置
注意：繼承到樣式的標簽和定義樣式的標簽必須是從屬關(guān)系（后代標簽關(guān)系）
對文本樣式設(shè)置的基本屬性才能被繼承（顏色color\樣式text\字體font\行屬性line）
所有關(guān)于對于盒子模型（div、span等）的屬性設(shè)置（border、定位、布局）都不能被繼承

四：css層疊性

定義：多個選擇器同時作用在同一個標簽上的時候，會根據(jù)優(yōu)先級別來進行樣式作用

選擇器的判定方式：

-通過權(quán)值判斷法
-通過每一個選擇其中的id選擇、類選擇、標簽選擇數(shù)量來計做權(quán)值（ICE）
-先比較id權(quán)值，再次比較類、最后比較標簽
-全部一樣比較順序

注意：如果權(quán)值一樣，則后面覆蓋前面。數(shù)權(quán)值的前提是一定保證每一條選擇器必須要選中指定元素。

如果作用域沒有直接作用到標簽本身上，則體現(xiàn)的就是就近原則

important優(yōu)先級最高，*優(yōu)先級最低

以上所述是小編給大家介紹的CSS樣式繼承和層疊，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

最新評論