CSS功能查詢

如何在CSS中使用功能查詢

功能查詢是CSS的一項近期且相對未知的功能,但是良好的支持一。

我們可以使用它來檢查瀏覽器是否支持某功能@supports關鍵詞。

我認為這是一個示例,在撰寫本文時,這對於檢查瀏覽器是否支持CSS網格特別有用,可以使用以下方法完成此操作:

@supports (display: grid) {
  /* apply this CSS */
}

我們檢查瀏覽器是否支持grid的價值display財產。

我們可以用@supports對於任何CSS屬性,請檢查任何值。

我們也可以使用邏輯運算符andornot建立復雜的功能查詢。

本示例檢查瀏覽器是否同時支持CSS網格彈性盒

@supports (display: grid) and (display: flex) {
  /* apply this CSS */
}

免費下載我的CSS手冊


更多CSS教程: