摘要:并集選擇器的優(yōu)先級(jí)時(shí)多帶帶計(jì)算??梢栽跇邮降淖詈筇砑右粋€(gè),則此時(shí)該樣式會(huì)獲得一個(gè)最高的一個(gè)優(yōu)先級(jí),將會(huì)超過(guò)所有的樣式甚至超過(guò)內(nèi)聯(lián)樣式,所以在開(kāi)發(fā)中盡量避免使用。
內(nèi)聯(lián)樣式,優(yōu)先級(jí)1000
id選擇器,優(yōu)先級(jí)100
類和偽類,優(yōu)先級(jí)10
元素選擇器,優(yōu)先級(jí)1
通配選擇器,優(yōu)先級(jí)0
繼承的樣式?jīng)]有優(yōu)先級(jí)
當(dāng)選擇器包含多種選擇器時(shí),需要將多種選擇器的優(yōu)先級(jí)相加然后進(jìn)行比較。但是注意,選擇器的優(yōu)先級(jí)計(jì)算不會(huì)超過(guò)他的最大數(shù)量級(jí),
如果選擇器的優(yōu)先級(jí)一樣,則使用靠后的樣式。
并集選擇器的優(yōu)先級(jí)時(shí)多帶帶計(jì)算。
可以在樣式的最后添加一個(gè)!important,則此時(shí)該樣式會(huì)獲得一個(gè)最高的一個(gè)優(yōu)先級(jí),將會(huì)超過(guò)所有的樣式甚至超過(guò)內(nèi)聯(lián)樣式,所以在開(kāi)發(fā)中盡量避免使用。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/114971.html
摘要:下面我們從這兩方面去看看樣式的優(yōu)先級(jí)。影響的規(guī)則是優(yōu)先規(guī)則最近的祖先樣式比其他祖先樣式優(yōu)先級(jí)高。若同時(shí)插有,則再利用規(guī)則判斷優(yōu)先級(jí)。 CSS 樣式優(yōu)先級(jí) 當(dāng)創(chuàng)建的樣式表越來(lái)越復(fù)雜時(shí),一個(gè)標(biāo)簽的樣式將會(huì)受到越來(lái)越多的影響,這種影響可能來(lái)自周圍的標(biāo)簽,也可能來(lái)自其自身。下面我們從這兩方面去看看 CSS 樣式的優(yōu)先級(jí)。 CSS 的繼承性 CSS 的繼承特性指的是應(yīng)用在一個(gè)標(biāo)簽上的那些 CSS...
摘要:優(yōu)先級(jí)是由選擇器組成的匹配規(guī)則決定的。這些繼承的樣式的優(yōu)先級(jí)永遠(yuǎn)低于元素本身的樣式,包括通用選擇器最終的顏色是紅色的。永遠(yuǎn)都要優(yōu)先考慮使用樣式規(guī)則的優(yōu)先級(jí)來(lái)解決問(wèn)題而不是。 概念 瀏覽器是通過(guò)判斷優(yōu)先級(jí),來(lái)決定到底哪些屬性值是與元素最相關(guān)的,從而應(yīng)用到該元素上。優(yōu)先級(jí)是由選擇器組成的匹配規(guī)則決定的。 如何計(jì)算? 優(yōu)先級(jí)是根據(jù)由每種選擇器類型構(gòu)成的級(jí)聯(lián)字串計(jì)算而成的. 它不是一個(gè)對(duì)...
摘要:優(yōu)先級(jí)是由選擇器組成的匹配規(guī)則決定的。這些繼承的樣式的優(yōu)先級(jí)永遠(yuǎn)低于元素本身的樣式,包括通用選擇器最終的顏色是紅色的。永遠(yuǎn)都要優(yōu)先考慮使用樣式規(guī)則的優(yōu)先級(jí)來(lái)解決問(wèn)題而不是。 概念 瀏覽器是通過(guò)判斷優(yōu)先級(jí),來(lái)決定到底哪些屬性值是與元素最相關(guān)的,從而應(yīng)用到該元素上。優(yōu)先級(jí)是由選擇器組成的匹配規(guī)則決定的。 如何計(jì)算? 優(yōu)先級(jí)是根據(jù)由每種選擇器類型構(gòu)成的級(jí)聯(lián)字串計(jì)算而成的. 它不是一個(gè)對(duì)...
摘要:還有一篇是這樣排序的多重樣式間遵循繼承來(lái)的樣式瀏覽器缺省設(shè)置外部樣式表內(nèi)部樣式表內(nèi)聯(lián)樣式結(jié)合樣式繼承問(wèn)題這個(gè)問(wèn)題及其答案來(lái)看,繼承的優(yōu)先級(jí)的確是最低的。 原文:http://www.bkjia.com/Javascri... 樣式選擇器權(quán)重優(yōu)先級(jí): important > 內(nèi)嵌樣式 > ID > 類 > 標(biāo)簽 | 偽類 | 屬性選擇 > 偽對(duì)象 > 繼承 > 通配符 importa...
摘要:還有一篇是這樣排序的多重樣式間遵循繼承來(lái)的樣式瀏覽器缺省設(shè)置外部樣式表內(nèi)部樣式表內(nèi)聯(lián)樣式結(jié)合樣式繼承問(wèn)題這個(gè)問(wèn)題及其答案來(lái)看,繼承的優(yōu)先級(jí)的確是最低的。 原文:http://www.bkjia.com/Javascri... 樣式選擇器權(quán)重優(yōu)先級(jí): important > 內(nèi)嵌樣式 > ID > 類 > 標(biāo)簽 | 偽類 | 屬性選擇 > 偽對(duì)象 > 繼承 > 通配符 importa...
閱讀 1194·2021-11-25 09:43
閱讀 799·2021-11-22 14:45
閱讀 3964·2021-09-30 09:48
閱讀 1163·2021-08-31 09:41
閱讀 2082·2019-08-30 13:52
閱讀 2068·2019-08-30 11:24
閱讀 1456·2019-08-30 11:07
閱讀 1063·2019-08-29 12:15