CSS樣式的優先級詳解
在做網頁開發,基本上都會處理CSS樣式的,css樣式的優先級大家都弄清楚了嗎?如果不清楚,自己寫的樣式爲什麼被覆蓋了都不知道的。下面一起來了解下。
操作方法
(01)同級別的樣式,後面寫的樣式,肯定會比前面的更優先。(在樣式裏不添加!important屬性的情況)代碼如圖
(02)運行頁面,可以看到我們第一個p的文字顏色是後面定義的紅色,優先級高,把前面定義的黒色覆蓋了。
(03)如果把樣式類名,改成用ID定義的樣式呢,如圖
(04)可以看到,現在第一個p的文字是黑色的,雖然用ID定義的樣式是先寫,但ID比類具有更高的優先級,後寫的類樣式覆蓋不了這個ID定義的樣式。
(05)在用類做樣式定義時,層級較多的,優先級比層級少的更高,代碼如圖,第一個樣式用了二層去定義類爲A的樣式,它比第二個樣式(層級只有一層)有更高級別。
(06)運行後,可以看到現在文字的樣式是第一個樣式定義的藍色字體。
(07)再介紹一種比較特殊的情況,就是樣式里加了 !important屬性的樣式,是優先級最高的,不管是ID定義的樣式,還是層級較多的類定義的樣式,都比這個屬性的優先級低。代碼如圖
(08)運行頁面後,可以看到,現在第一個p的文字是紅色,就是加了 !important屬性的樣式定義的顏色,該樣式優先級最高。
-
斐訊(phicomm)無線路由器怎麼設置
無線路由器的種類有很多,WiFi對人類生活越來越重要,每種無線路由器的設置不同,小編在這裏給大家介紹一下斐訊(phicomm)無線路由器怎麼設置。操作方法(01)將插在電腦上的網線拔掉,用額外準備的網線一頭連接電腦一頭連接路由器數字口,下面的“LAN口”都可以,把剛剛從電腦...
-
qq手機密保怎麼解綁
在更換新手機號後qq上面綁定的之前的手機號就不能用了,那qq手機密保怎麼解綁呢?請看下面解析。操作方法(01)登錄qq,點擊左下角“主菜單”》點擊“安全”》點擊“安全中心首頁”。(02)進入安全中心頁面後,點擊右側密保手機“更換”。(03)輸入新的手機號碼進行原手機密保解...
-
電腦上着怎樣將錄音轉文字
工作中如果我們收到一份錄音文件需要將其轉換爲文字,那麼我們應該怎樣在電腦上快速實現這個問題呢?下面小編就來給大家分享一個可以輕鬆實現錄音轉文字的方法來幫助大家實現這個問題。操作方法(01)先在電腦上準備好需要進行轉換的錄音文件,然後再通過電腦瀏覽器搜索...
-
HTML分隔線如何美化?
做HTML頁面開發時,在幾段文字之間,或幾塊內容之間,經常會使用分隔線去做分隔,以讓頁面顯示更加有條理。分隔線我們基本上都是用hr標籤去生成,怎麼去美化這個分隔線?下面一起看下。操作方法(01)先看下我們的html代碼,二個p段落,中間用hr作分隔,代碼如圖。(02)頁面運行後,可以...