CSS CSS conditional rules

原创
admin 4个月前 (08-22) 阅读数 17 #CSS

CSS条件规则

CSS条件规则模块定义了CSS媒体查询和支持查询,使您能够定义仅在满足特定条件时才应用的样式。此模块中定义的条件规则基于设备、用户代理和视口功能。通过条件规则,您可以根据查询值或浏览器和设备功能来定位CSS样式,而与正在渲染的文档无关。

最早的CSS条件规则是媒体类型,用于指定链接样式的目标媒介,例如screenprint。这些被设置为HTML <link><style>元素的media属性值,或作为@import语句或规则中以逗号分隔的媒体类型列表。自CSS 2.1和HTML 4.01实现以来,条件应用CSS规则的能力已经大大扩展,而这些实现将条件查询限制在少数媒体类型上。

CSS条件规则现在包括功能查询;@supports规则使您能够根据用户代理的CSS功能来定位CSS样式。其他条件包括支持哪些选择器、字体格式和字体技术。

CSS条件规则模块还扩展了@media以支持嵌套规则,相关的CSS媒体查询模块移除了未使用的媒体类型,并添加了许多可以定位的媒体功能和条件。

CSS容器查询模块定义了类似的条件规则,但基于元素的父元素而不是视口。

有计划通过添加通用条件规则@when和链式条件规则@else来进一步扩展可能的查询。这两个规则目前尚未得到支持。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

作者文章
热门
最新文章
标签列表