堅(jiān)持為客戶(hù)提供有價(jià)值的服務(wù)和內(nèi)容

CSS樣式優(yōu)先權(quán)問(wèn)題

商企云 | 2021-07-06 | 分享至:
由于存在3種不同的樣式表導(dǎo)入方式,以及各種種類(lèi)繁多的樣式選擇符,因此在Css樣式的定義中,難免存在重復(fù)定義。對(duì)于瀏覽器來(lái)說(shuō),究竟優(yōu)先執(zhí)行哪一個(gè)定義,這便是我們需要考慮的問(wèn)題。在北京網(wǎng)站建設(shè)CSS設(shè)計(jì)中,樣式優(yōu)先問(wèn)題不容忽視。寫(xiě)法優(yōu)先權(quán) 從樣式寫(xiě)入的位置來(lái)看,它們的優(yōu)先級(jí)依次是:行內(nèi)樣式表。內(nèi)部樣式表。外部樣式表。 也就是說(shuō),在相同的CSS定義情況下,使用style定義在XHTML標(biāo)簽之中的樣式,其必然優(yōu)先于寫(xiě)在之間的樣式定義.其次或者說(shuō)最后才是對(duì)外部樣式表調(diào)用及應(yīng)用。選擇符優(yōu)先權(quán) 對(duì)于id與class而言,id的定義優(yōu)先于class的定義。比如:
{...文本...}
在同時(shí)定義了兩種選擇符的情況下,比如: #layout { background-color:blue; }.mylayout{ Background-color:red;}div將執(zhí)行id中的定義,即背景色為blue。而具有class屬性比沒(méi)有class屬性的優(yōu)先權(quán)要大,比如下面的CSS定義:.mylayout{? ? background-color:red;}div{? ?background-color:green;}div將執(zhí)行class中的定義,即背景色為red。從選擇符的優(yōu)先權(quán)上看:id>class>類(lèi)型選擇符。選擇符優(yōu)先權(quán)能夠幫助我們優(yōu)化CSS定義代碼。div{ background-color:green;}div#news{background-color:black;} 所有的div背景色都是綠色,但id為news的背景色為黑色。這樣就可以在大多數(shù)相同的情況下,對(duì)個(gè)別特例進(jìn)行單獨(dú)設(shè)計(jì)。
掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開(kāi)發(fā),小程序開(kāi)發(fā),H5開(kāi)發(fā),品牌推廣,新聞推廣,輿情監(jiān)測(cè)等

  非常感謝您有耐心的讀完這篇文章:"CSS樣式優(yōu)先權(quán)問(wèn)題",更多內(nèi)容請(qǐng)繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開(kāi)發(fā)、網(wǎng)站優(yōu)化、品牌推廣、APP開(kāi)發(fā)、小程序開(kāi)發(fā)新聞推廣等服務(wù),我們以“降低營(yíng)銷(xiāo)成本,提高營(yíng)銷(xiāo)效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過(guò)不同行業(yè)的1000多家企業(yè),獲得國(guó)家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國(guó)家軟件著作權(quán),將力爭(zhēng)成為國(guó)內(nèi)企業(yè)心目中值得信賴(lài)的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請(qǐng)掃碼咨詢(xún),我們將誠(chéng)摯為您服務(wù)。
我要咨詢(xún)
姓名 :
電話 :
文章分類(lèi)