美文网首页
特性查询

特性查询

作者: 了凡和纤风 | 来源:发表于2019-11-01 17:49 被阅读0次

2015~2016年间,CSS 新增了一个功能:根据用户代理是否至此特定的 CSS 属性及其值应用一段样式。这个功能称为特性查询(feature query)

特性查询是渐进增强样式的完美方式。

下面是一个示例:

@supports (color: cyan) {
  body {
    color: cyan
  }
}  

上述代码的意思是:“如果你能识别并处理 color: cayn 这样的属性和值组合,那就应用这段样式;否则,跳过这段样式。”

特性查询可以嵌套,可以嵌套在媒体查询中,反过来嵌套也可以

@supports (display: flex) {
  @media scrren {} /* 针对屏幕媒体的弹性盒样式 */
  @media print {} /* 针对因数媒体的弹性盒样式 */
}

@media screen and (max-width: 30em) {
  @supports (display: flex) {}
}

相关文章

  • 特性查询

    2015~2016年间,CSS 新增了一个功能:根据用户代理是否至此特定的 CSS 属性及其值应用一段样式。这个功...

  • ArrayList和LinkedList

    ArrayList的特性:查询快,增删慢LinkedList的特性:增删快,查询慢 ArrayList使用一个内置...

  • Hibernate——HQL数据查询基础

    HQL 查询子句 HQL 简介 补充:3、HQL提供了丰富灵活的查询特性,Hibernate官方推荐查询方式 HQ...

  • postgresql with(CTE)查询

    WITH查询是PostgreSQL支持的高级SQL特性之一,这一特性常称为CTE(Common Table Exp...

  • 媒体查询

    CSS媒体查询允许我们基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。通过查询视口宽度,我们...

  • 实时OLAP分析利器Druid介绍

    文章目录 前言 Druid 主要特性 基础概念-- 数据格式-- 数据摄入-- 数据存储-- 数据查询-- 查询类...

  • 53 SQL查询处理和事务

    查询处理 为何要查询优化 事务 DBMS 应该满足如下特性: 原子性(Atomicity) 事务中的所有操作要么被...

  • Apache Kylin 问题汇总

    1.监控与新特性 Kylin 查询指标监控 Kylin 已开启查询 metric 监控,定时将监控数据写入 hiv...

  • 第6章 不同的屏幕尺寸,不同的设计

    媒体查询可以让你根据用户所使用的设备或显示器特性来自定义样式。媒体特性

  • 使用Spring Data JPA的Specification构

    Spring Data JPA最为优秀的特性就是可以通过自定义方法名称生成查询来轻松创建查询SQL。Spring ...

网友评论

      本文标题:特性查询

      本文链接:https://www.haomeiwen.com/subject/uwlqbctx.html