CSS層疊性權(quán)重計(jì)算方法【CSS教程】

層疊性 是指多種CSS樣式的疊加，也是瀏覽器處理沖突的一個(gè)能力，如果一個(gè)屬性通過兩個(gè)相同選擇器設(shè)置到同一個(gè)元素上，那么這個(gè)時(shí)候一個(gè)屬性就會(huì)將另一個(gè)屬性層疊掉。

創(chuàng)新互聯(lián)公司主營(yíng)寧波網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶App定制開發(fā),寧波h5成都微信小程序搭建,寧波網(wǎng)站營(yíng)銷推廣歡迎寧波等地區(qū)企業(yè)咨詢

定義CSS樣式時(shí)，經(jīng)常出現(xiàn)兩個(gè)或更多規(guī)則應(yīng)用在同一元素上

·選擇器相同，則執(zhí)行層疊性

·選擇器不同，就會(huì)出現(xiàn)優(yōu)先級(jí)的問題，就會(huì)涉及CSS權(quán)重計(jì)算。

下面我們?cè)斀饨榻B CSS層疊性權(quán)重計(jì)算方法。

1) 權(quán)重計(jì)算公式

關(guān)于CSS權(quán)重，我們需要一套計(jì)算公式來去計(jì)算，這個(gè)就是 CSS Specificity(特殊性)

值從左到右，左面的最大，一級(jí)大于一級(jí)，數(shù)位之間沒有進(jìn)制，級(jí)別之間不可超越。

·關(guān)于CSS權(quán)重，我們需要一套計(jì)算公式來去計(jì)算，這個(gè)就是 CSS Specificity(特殊性)

2) 權(quán)重疊加

我們經(jīng)常用交集選擇器，后代選擇器等，是有多個(gè)基礎(chǔ)選擇器組合而成，那么此時(shí)，就會(huì)出現(xiàn)權(quán)重疊加。

就是一個(gè)簡(jiǎn)單的加法計(jì)算

div ul li ------ 0,0,0,3

.nav ul li ------ 0,0,1,2

a:hover -----— 0,0,1,1

.nav a ------ 0,0,1,1

注意：

數(shù)位之間沒有進(jìn)制 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不會(huì)存在10個(gè)div能趕上一個(gè)類選擇器的情況。

3) 繼承的權(quán)重是0

這個(gè)不難，但是忽略很容易繞暈。其實(shí)，我們修改樣式，一定要看該標(biāo)簽有沒有被選中。

1) 如果選中了，那么以上面的公式來計(jì)權(quán)重。誰大聽誰的。

2) 如果沒有選中，那么權(quán)重是0，因?yàn)槔^承的權(quán)重為0。

前端入門; Web前端HTML5+CSS3+移動(dòng)Web前端全套

css為什么叫層疊樣式表

層疊就是瀏覽器對(duì)多個(gè)樣式來源進(jìn)行疊加，最終確定結(jié)果的過程.

css之所以有“層疊”的概念，是因?yàn)橛卸鄠€(gè)樣式來源。

其中css樣式來源有5個(gè)，分別是內(nèi)聯(lián)樣式（a style=""）,內(nèi)部樣式(style/style),

外部樣式（寫在css文件中的樣式），瀏覽器用戶自定義樣式，瀏覽器默認(rèn)樣式；

按照其來源優(yōu)先級(jí)為內(nèi)聯(lián)樣式內(nèi)部樣式外部樣式瀏覽器用戶自定義樣式瀏覽器默認(rèn)樣式

按照選擇器優(yōu)先級(jí)為id class元素選擇器

如果有important,important優(yōu)先級(jí)最高。

css層疊是什么

CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于（增強(qiáng)）控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。

*CSS是Cascading Style Sheets(層疊樣式表)的簡(jiǎn)稱.

* CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言).

* 在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn).

* CSS文件也可以說是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.

* 可以通過簡(jiǎn)單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個(gè)網(wǎng)頁設(shè)計(jì)人員的必修課.

* CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的.

網(wǎng)頁標(biāo)題：什么是css樣式的疊加,css樣式層疊性是什么意思
網(wǎng)頁地址：http://chinadenli.net/article0/dsgocio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、品牌網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站收錄、網(wǎng)站制作、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)