今天小編給大家分享一下html中怎么寫判斷條件的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

雷山網(wǎng)站建設公司創(chuàng)新互聯(lián)公司,雷山網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為雷山1000+提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設公司要多少錢，請找那個售后服務好的雷山做網(wǎng)站的公司定做！

一、CSS3 @supports

1、常見用法

語法：

@supports (property: value){

element {

property: value;

}

}

“@supports”中的“條件規(guī)則”可以聲明一條或者幾個由不同的邏輯運算符相結(jié)合的聲明(比如說，非(not)，或(or)，與(and)等)，而且還可以使用括號來確定其操作的優(yōu)先級關(guān)系。

比如：Flex布局

.flex {

float: left;

}

@supports (display: flex){

.flex {

display: flex;

float: none;

}

}

上面的代碼可以用來應對那些不支持Flex布局的瀏覽器。

2、非(not)邏輯聲明

@supports not (property: value){

element {

property: value;

}

}

當使用not時，表示瀏覽器不支持某些屬性時，對應的樣式將會渲染。

3、與(and)邏輯聲明

@supports (property: value) and (property: value) {

element {

property: value;

}

}

當使用and時，只有and兩端條件同時成立，也就是同時返回true時，對應的樣式才會渲染。

4、或(or)邏輯聲明

@supports (property: value) or (property: value) {

element {

property: value;

}

}

當使用or時，只要or兩端任一條件成立，返回true，對應的樣式就會渲染。

5、組合聲明

@supports ((property: value) or (property: value)) and (property: value) {

element {

property: value;

}

}

注意：當使用or和and兩個混合使用時，必須使用括號()來區(qū)分兩者的優(yōu)先級。如果只有一條表達式時，也必須使用括號()。

以上就是“html中怎么寫判斷條件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前文章：html中怎么寫判斷條件
當前路徑：http://chinadenli.net/article10/gegddo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計公司、靜態(tài)網(wǎng)站、、企業(yè)建站、網(wǎng)站導航、手機網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)