CSS 樣式優(yōu)先問(wèn)題
  • 更新時(shí)間:2024-11-07 13:51:20
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 422

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

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

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

內(nèi)部樣式表。

外部樣式表。

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

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

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

{.文本.}

在同時(shí)定義兩個(gè)選擇器的情況下,例如:

布局{

背景顏色: 藍(lán)色;

}

.我的布局{

背景色:red;

}

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

.我的布局{

背景顏色: 紅色;

}

分區(qū){

背景顏色: 綠色;

}

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

分區(qū){

背景顏色: 綠色;

}

股息#news{

背景顏色: 黑色;

}

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部