子元素選擇器(如:divp ,帶大于號(hào))偽類(lèi)選擇器(如:就是鏈接樣式,a元素的偽類(lèi),4種不同的狀態(tài):link、visited、active、hover。)看完了基本的css選擇器類(lèi)型后,我們接著來(lái)看一下css優(yōu)先級(jí)的概念。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了義安免費(fèi)建站歡迎大家使用!
優(yōu)先級(jí):CSS 樣式的優(yōu)先級(jí)是根據(jù)選擇器的特殊性(Specificity)、樣式來(lái)源(來(lái)源于哪個(gè)樣式表)和樣式的順序來(lái)確定的。
important 是CSS1就定義的語(yǔ)法,作用是提高指定樣式的應(yīng)用優(yōu)先權(quán)。
css優(yōu)先級(jí)有6級(jí)。 0級(jí):通配選擇器、選擇符和邏輯組合偽類(lèi)。 通配選擇器是 * 。 選擇符有+、-、~、空格和 || 。 邏輯組合偽類(lèi)有 :not()、:is()和 :where。這些偽類(lèi)影響優(yōu)先級(jí)的是括號(hào)里的選擇器。
選擇器優(yōu)先級(jí):通常我們可以將CSS的優(yōu)先級(jí)由高到低分為六組:無(wú)條件優(yōu)先的屬性只需要在屬性后面使用 !important 。它會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。
1、算法:將每條規(guī)則中,選擇符對(duì)應(yīng)的數(shù)相加后得到的”四位數(shù)“,從左到右進(jìn)行比較,大的優(yōu)先級(jí)越高??赐炅松鲜鰞?nèi)容,那我們就來(lái)看看css選擇器優(yōu)先級(jí)的具體排序。
2、首先就是CSS規(guī)則的specificity(特殊性),CSS1有一套關(guān)于specificity的計(jì)算方式,用一個(gè)四位的數(shù)字串(CSS2是三位)來(lái)表示,最終specificity越高的規(guī)則越特殊,在優(yōu)先級(jí)判定時(shí)也就越有優(yōu)勢(shì)。
3、選擇器的特殊性值表述為4個(gè)部分,用0,0,0,0表示。
外部樣式,顧名思義,也就是通過(guò)引入的css樣式文件,而內(nèi)部樣式呢,主要是放在中的樣式,而內(nèi)聯(lián)樣式,就是直接嵌入標(biāo)簽的,充當(dāng)標(biāo)簽的一個(gè)屬性,使用style=這里寫(xiě)樣式 來(lái)實(shí)現(xiàn)。
內(nèi)部樣式優(yōu)先級(jí)高。CSS與HTML文檔結(jié)合的4中方法:1 使用元素鏈接到外部的樣式文件;2 在元素中使用style元素來(lái)指定;3 使用CSS @import標(biāo)記來(lái)導(dǎo)入樣式表單;4 在內(nèi)部的元素中使用style屬性來(lái)定義樣式。
內(nèi)聯(lián)樣式 內(nèi)聯(lián)樣式表的作用:設(shè)置一個(gè)內(nèi)聯(lián)樣式表,在Html頁(yè)面的body中添加,在添加元素的標(biāo)簽中聲明樣式,都包含在style屬性中。
在HTML中常用以下三種方式定義CSS:embedding(嵌入式)、linking(外部引用式)和inline(內(nèi)聯(lián)式,也稱(chēng)行內(nèi)樣式)。一:嵌入式 用戶(hù)可在HTML文檔頭部定義多個(gè)style元素,實(shí)現(xiàn)多個(gè)樣式表。
內(nèi)聯(lián)樣式表:內(nèi)聯(lián)樣式表是寫(xiě)在標(biāo)記內(nèi)的,只對(duì)所在標(biāo)記有效。內(nèi)部及聯(lián)樣式表:利用標(biāo)記將樣式表嵌在HTML文件的頭部。外部級(jí)聯(lián)樣式表:使用標(biāo)記可以將樣式表鏈接到網(wǎng)頁(yè)上。
由高到低依次是內(nèi)聯(lián)樣式,即在標(biāo)簽里面寫(xiě)上style=** 然后是內(nèi)鏈樣式,即在head鈔票里寫(xiě)上style 最后一種是外聯(lián)樣式 在head里引入link標(biāo)簽,純手打。