html中怎么寫判斷條件

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

　　一、CSS3 @supports

　　1、常見用法

　　語法：

　　@supports (property: value){

　　element {

　　property: value;

　　}

　　}

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

　　比如：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兩個混合使用時，必須使用括號()來區分兩者的優先級。如果只有一條表達式時，也必須使用括號()。

以上就是“html中怎么寫判斷條件”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。