溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

CSS if條件相關(guān)問(wèn)題有哪些

發(fā)布時(shí)間：2022-03-11 14:52:18 來(lái)源：億速云 閱讀：353 作者：iii 欄目：web開(kāi)發(fā)

這篇文章主要介紹“CSS if條件相關(guān)問(wèn)題有哪些”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“CSS if條件相關(guān)問(wèn)題有哪些”文章能幫助大家解決問(wèn)題。

1.區(qū)別IE和非IE閱讀器CSS HACK代碼

 #CSS5{
background:blue; /*非IE 后援藍(lán)色*/
bac千克round:red \9; /*IE6、IE7、IE8配景紅色*/
}

2.區(qū)別IE6,IE7,IE8,FF CSS HACK 
【區(qū)別符號(hào)】：「\9」、「*」、「_」
【示例】：

 #CSS5{
background:blue; /*Firefox 后盾變藍(lán)色*/
bac公斤round:red \9; /*IE8 配景變血色*/
*background:black; /*IE7 后臺(tái)變玄色*/
_bac千克round:orange; /*IE6 背景變橘色*/
}


 【闡明】：因?yàn)镮E系列閱讀器可讀「\9」，而IE6與IE7可讀「*」(米字號(hào))，此外IE6可辨識(shí)「_」(底線)，于是也許根據(jù)順序?qū)懴氯?，就?huì)讓涉獵器準(zhǔn)確的讀取到自己看得相熟CSS語(yǔ)法，以是即可以有效鑒識(shí)IE各版本和非IE閱讀器(像是Firefox、Opera、Google Chrome、Safari等)。

3.區(qū)別IE6、IE7、Firefox (EXP 1) 
【區(qū)別標(biāo)志】：「*」、「_」
【示例】：

 #CSS5{
background:blue; /*Firefox后臺(tái)變藍(lán)色*/
*bac公斤round:black; /*IE7 配景變彩色*/
_bac千克round:orange; /*IE6 背景變橘色*/
}


【注明】：IE7與IE6可讀「*」(米字號(hào))，IE6又梗概讀「_」(底線)，但是IE7卻沒(méi)法讀取「_」，至于Firefox(非IE涉獵器)則完全無(wú)法辨識(shí)「*」和「_」，是以就能透過(guò)多么的差距性來(lái)判袂IE6、IE7、Firefox

4.區(qū)別IE6、IE7、Firefox (EXP 2) 
【區(qū)別標(biāo)識(shí)表記標(biāo)幟】：「*」、「!important」
【示例】：

 #CSS5{
background:blue; /*Firefox 后援變藍(lán)色*/
*bac千克round:green !important; /*IE7 后盾變綠色*/
*background:orange; /*IE6 靠山變橘色*/
}


【注明】：IE7大概辨識(shí)「*」與「!important」，可是IE6只也許辨識(shí)「*」，卻無(wú)法辨識(shí)「!important」，至于Firefox興許讀取「!important」但不能辨識(shí)「*」是以籠統(tǒng)透過(guò)多么的一致來(lái)無(wú)效區(qū)隔IE6、IE7、Firefox。

5.區(qū)別IE7、Firefox 
【區(qū)別符號(hào)】：「*」、「!important」
【示例】：

 #CSS5{
background:blue; /*Firefox 靠山變藍(lán)色*/
*bac千克round:green !important; /*IE7 背景變綠色*/
}


【注明】：由于Firefox大要辨識(shí)「!important」但卻沒(méi)法辨識(shí)「*」，而IE7則也許同時(shí)看懂「*」、「!important」，因而梗概兩個(gè)辨識(shí)標(biāo)識(shí)表記標(biāo)幟來(lái)區(qū)隔IE7與Firefox。

6.區(qū)別IE6、IE7 (EXP 1) 
【區(qū)別標(biāo)志】：「*」、「_」
【示例】：

 #tip {
*background:black; /*IE7 后援變黑色*/
_background:orange; /*IE6 布景變橘色*/
}


【說(shuō)明】：IE7與IE6均大約辨識(shí)「*」(米字號(hào))，但I(xiàn)E6大要辨識(shí)「_」(底線)，IE7卻無(wú)奈辨識(shí)，透過(guò)IE7無(wú)奈讀取「_」的本性就能輕鬆區(qū)隔IE6與IE7之間的分歧。

7.區(qū)別IE6、IE7 (EXP 2) 
【區(qū)別標(biāo)志】：「!important」
【示例】：

 #CSS5{
bac公斤round:black !important; /*IE7 后臺(tái)變玄色*/
background:orange; /*IE6 靠山變橘色*/
}

【說(shuō)明】：由于IE7可讀取「!important;」但I(xiàn)E6卻弗成，而CSS的讀取程序是從上到下，因而IE6讀取時(shí)因無(wú)奈辨識(shí)「!important」而直接跳到下一行讀取CSS，所以靠山色會(huì)泛起橘色。

8.區(qū)別IE6、Firefox 
【區(qū)別標(biāo)志】：「_」
【示例】：

 #CSS5{
background:black; /*Firefox 布景變玄色*/
_bac千克round:orange; /*IE6 靠山變橘色*/
}

【闡明】：由于IE6大約辨識(shí)「_」(底線)，但是Firefox卻不成，因而或是透過(guò)多么的差別來(lái)區(qū)隔Firefox和IE6，有用告竣CSS hack。

關(guān)于“CSS if條件相關(guān)問(wèn)題有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手