若是 元素選擇符,則分別加0、0、0、1 算法:將每條規(guī)則中,選擇符對應的數(shù)相加后得到的”四位數(shù)“,從左到右進行比較,大的優(yōu)先級越高??赐炅松鲜鰞热?,那我們就來看看css選擇器優(yōu)先級的具體排序。
創(chuàng)新互聯(lián)專注于廣宗企業(yè)網(wǎng)站建設,響應式網(wǎng)站,購物商城網(wǎng)站建設。廣宗網(wǎng)站建設公司,為廣宗等地區(qū)提供建站服務。全流程按需策劃,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
優(yōu)先級:CSS 樣式的優(yōu)先級是根據(jù)選擇器的特殊性(Specificity)、樣式來源(來源于哪個樣式表)和樣式的順序來確定的。
選擇器的特殊性值表述為4個部分,用0,0,0,0表示。
1、外部樣式表 當樣式需要應用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 標簽鏈接到樣式表。
2、行內樣式優(yōu)先級最高,沒有行內樣式那么會回在頁答面找內嵌樣式。名稱CSS中的“層疊(cascading)”表示樣式單規(guī)則應用于HTML文檔元素的方式。具體地說,CSS樣式單中的樣式形成一個層次結構,更具體的樣式覆蓋通用樣式。
3、一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權。
4、層疊就是瀏覽器對多個樣式來源進行疊加,最終確定結果的過程.css之所以有“層疊”的概念,是因為有多個樣式來源。
5、越接近你要設置樣式的內容的css的優(yōu)先權越高;比如: 111 在這里你要對字符串111設置樣式,h4標簽距離111比div進,所以權限比div高。
CSS選擇器優(yōu)先級 (1)CSS選擇器都有權重值,權重值越大優(yōu)先級越高。內聯(lián)樣式表的權重值最高,值為1000。id選擇器的權重值為100。class選擇器的權值為10。類型(元素)選擇器的優(yōu)先級為1。通配符選擇器的優(yōu)先級為0。
不過這個步驟是最復雜的,上面已經(jīng)說過了。3,如果權重也一樣,按照它在CSS樣式表里聲明的順序,后聲明的優(yōu)先,例如:h1 {color: blue}h1 {color: red}最終勝出的是color: red。
在CSS中,選擇器的權重用于確定樣式規(guī)則的優(yōu)先級,以決定應用哪個樣式。權重值越高,優(yōu)先級越高。對于給定的選擇器,權重可以通過以下方式計算:對于每個ID選擇器,權重值為100。
css樣式表的權重關系:內聯(lián)樣式表的權重最大!內部和外部樣式的權重,和書寫的前后順序有關。(放在后面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續(xù)執(zhí)行。
CSS 優(yōu)先規(guī)則1: 最近的祖先樣式比其他祖先樣式優(yōu)先級高。