css3中有判斷語(yǔ)句，判斷語(yǔ)句為“@supports(運(yùn)行條件){想要實(shí)現(xiàn)的css語(yǔ)句}”；“@supports”是css3新引入的規(guī)則之一，主要用于通過(guò)條件判斷當(dāng)前瀏覽器是否支持某個(gè)css屬性，并加載具體的樣式，也就是css特性檢測(cè)。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3有判斷語(yǔ)句嗎

css3中有判斷語(yǔ)句。

@supports是CSS3新引入的規(guī)則之一，主要用于檢測(cè)當(dāng)前瀏覽器是否支持某個(gè)CSS屬性并加載具體樣式，即css的特性檢測(cè)。

CSS特性檢測(cè)就是針對(duì)不同瀏覽器終端，通過(guò)條件判斷當(dāng)前瀏覽器對(duì)某個(gè)特性是否支持。運(yùn)用CSS特性檢測(cè)，我們可以在支持當(dāng)前特性的瀏覽器環(huán)境下使用新的技術(shù)，而不支持的則做出某些回退機(jī)制。

　　下面我們就來(lái)看看css3@supports是如何使用的，介紹@supports進(jìn)行css特性檢測(cè)的方法。

css3@supports的使用

　　CSS@supports可以通過(guò)CSS語(yǔ)法來(lái)實(shí)現(xiàn)特性檢測(cè)，并在內(nèi)部CSS區(qū)塊中寫(xiě)入條件判斷語(yǔ)句：如果特性檢測(cè)通過(guò)則希望實(shí)現(xiàn)的CSS語(yǔ)句，如果特性檢測(cè)不通過(guò)則希望實(shí)現(xiàn)的CSS語(yǔ)句。

　　基本語(yǔ)法：

　　//如果通過(guò)了條件   　　@supports(運(yùn)行條件){   　　/*應(yīng)用規(guī)則---想要實(shí)現(xiàn)的css語(yǔ)句*/   　　}   　　//如果沒(méi)有通過(guò)條件   　　@supportsnot(運(yùn)行的條件){   　　/*應(yīng)用規(guī)則---想要實(shí)現(xiàn)的css語(yǔ)句*/   　　}

我們來(lái)看一個(gè)簡(jiǎn)單的例子：

@supports (display:flex) {   section { display: flex }   ... }

上面這段代碼的意思是：如果瀏覽器支持“display:flex”屬性，那么在“section”元素上就運(yùn)用“display:flex”樣式。

@supports還可以根據(jù)不同的邏輯運(yùn)算符相結(jié)合，具有不同的語(yǔ)法規(guī)則，接下來(lái)我們一起來(lái)細(xì)化一下@supports的語(yǔ)法規(guī)則，以及使用細(xì)節(jié)。

（學(xué)習(xí)視頻分享：css視頻教程）