CSS樣式繼承和層疊

一:基本選擇器
標(biāo)簽選擇:根據(jù)頁面當(dāng)中標(biāo)簽名字進(jìn)行選擇,直接把樣式應(yīng)用到指定的標(biāo)簽上。
特點:
1.標(biāo)簽選擇器會對當(dāng)年頁面當(dāng)中所有的指定標(biāo)簽進(jìn)行選擇;
2.標(biāo)簽選擇器對代碼的當(dāng)前標(biāo)簽層次結(jié)構(gòu)沒有任何關(guān)聯(lián),只要是在當(dāng)前頁面上,都能被選中。
id選擇:需要先指定一個標(biāo)簽設(shè)置id值(id值不能重復(fù)是整個頁面中唯一的)。
class選擇:通過給標(biāo)簽取類名,通過類選擇器選擇指定標(biāo)簽。
二:三套復(fù)雜選擇器
1.后代選擇器
A、可以根據(jù)當(dāng)前選擇中的標(biāo)簽,找到后續(xù)子標(biāo)簽
B、后代選擇器可以進(jìn)行多層精確選擇
2.交集選擇器
格式:第一層選擇第二層選擇{}
注意:點表示交集,一般以標(biāo)簽開頭
3.并集選擇器
格式:第一個選擇器,第二個選擇器,…{}
三:css繼承性
定義:有一些樣式,在給當(dāng)前標(biāo)簽設(shè)置的時候,同時會給它后代標(biāo)簽進(jìn)行設(shè)置
注意:繼承到樣式的標(biāo)簽和定義樣式的標(biāo)簽必須是從屬關(guān)系(后代標(biāo)簽關(guān)系)
對文本樣式設(shè)置的基本屬性才能被繼承(顏色color\樣式text\字體font\行屬性line)
所有關(guān)于對于盒子模型(div、span等)的屬性設(shè)置(border、定位、布局)都不能被繼承
四:css層疊性
定義:多個選擇器同時作用在同一個標(biāo)簽上的時候,會根據(jù)優(yōu)先級別來進(jìn)行樣式作用
選擇器的判定方式:
-通過權(quán)值判斷法
-通過每一個選擇其中的id選擇、類選擇、標(biāo)簽選擇數(shù)量來計做權(quán)值(ICE)
-先比較id權(quán)值,再次比較類、最后比較標(biāo)簽
-全部一樣比較順序
注意:如果權(quán)值一樣,則后面覆蓋前面。數(shù)權(quán)值的前提是一定保證每一條選擇器必須要選中指定元素。
如果作用域沒有直接作用到標(biāo)簽本身上,則體現(xiàn)的就是就近原則
important優(yōu)先級最高,*優(yōu)先級最低
以上所述是小編給大家介紹的CSS樣式繼承和層疊,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 下面小編就為大家?guī)硪黄狢SS默認(rèn)可繼承樣式詳解。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-06
- 繼承給我們的程序帶來一定的困擾,所以認(rèn)真的學(xué)習(xí)繼承的原理,下面有個不錯的示例,一個處理繼承的一個方法,感興趣的朋友可以參考下2017-11-29
- CSS樣式表空格與不空格的關(guān)系2009-12-08
CSS教程:學(xué)習(xí)CSS的繼承性-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
所謂CSS的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。繼承特性最典型的應(yīng)用通常發(fā)揮在整個網(wǎng)頁的樣式預(yù)設(shè),需要指定為其它樣式的部份設(shè)定在個別元素里即可。這項2008-10-17CSS樣式表中繼承關(guān)系的空格與不空格-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
這可能是一個非常簡單的問題,但是今天花一點點時間把這個簡單的問題在說清晰一點,相信大家對CSS的學(xué)習(xí)和認(rèn)識會很有幫助,強(qiáng)化一些概念的東西,對以后的工作效率的2008-10-17