CSS 樣式優(yōu)先問題
  • 更新時間:2024-10-29 04:27:50
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 420

由于樣式表有3種不同的導(dǎo)入方式,樣式選擇器種類繁多,因此在定義Css樣式時難免會出現(xiàn)重復(fù)定義的情況。對于瀏覽器來說,先執(zhí)行哪個定義是我們需要考慮的問題。在北京網(wǎng)站建設(shè)的CSS設(shè)計中,樣式優(yōu)先級的問題不容忽視。寫法優(yōu)先權(quán)

從樣式寫在哪里來看,他們的優(yōu)先級是:

內(nèi)聯(lián)樣式表。

內(nèi)部樣式表。

外部樣式表。

也就是說,在同一個CSS定義的情況下,使用style的XHTML標簽中定義的樣式必須優(yōu)先于在XHTML標簽中寫的樣式

之間的樣式定義。第二個或最后一個是外部樣式表的調(diào)用和應(yīng)用。選擇符優(yōu)先權(quán)

對于id 和class,id 的定義優(yōu)先于class 的定義。例如:

{.文本.}

在同時定義兩個選擇器的情況下,例如:

布局{

背景顏色: 藍色;

}

.我的布局{

背景色:red;

}

div會執(zhí)行id中的定義,即背景色為藍色。而且有class屬性比沒有class屬性有更高的優(yōu)先級,比如下面的CSS定義:

.我的布局{

背景顏色: 紅色;

}

分區(qū){

背景顏色: 綠色;

}

div會實現(xiàn)類中的定義,即背景色為紅色。從選擇器的優(yōu)先級看:idclass類型選擇器。選擇器優(yōu)先級可以幫助我們優(yōu)化CSS定義代碼。

分區(qū){

背景顏色: 綠色;

}

股息#news{

背景顏色: 黑色;

}

所有div的背景色都是綠色,而id news的背景色是黑色。這允許針對大多數(shù)相同情況單獨設(shè)計個別特殊情況。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/12494.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部