当前位置: 首页 > 科技观察

你知道除了媒体查询之外还有样式查询吗?

时间:2023-03-13 22:23:34 科技观察

样式查询样式查询允许您查询页面元素中任何父元素的样式,并将父元素的样式应用到子元素。需要说明的是,这是一个实验性的项目,目前还没有在浏览器中正式发布,不过我们可以看看它的具体内容,毕竟以后会有浏览器实现的。通过向容器查询添加样式来扩展样式查询。容器查询就是给容器设置样式满足给定的大小,样式查询就是给容器设置样式满足设置的样式。容器查询一提到样式查询,就不得不提到容器查询。这也是一个实验性的特性,但是已经被chrome实现了。您可以将其视为类似于媒体查询的属性。不同的是它使用了@container属性,根据容器的大小来设置元素的样式。容器查询可以说是css3以来对web样式最大的改变,它改变了我们对响应式设计的固有看法。风格查询的一些特点。样式继承样式查询可以直接将父样式应用到子样式。在样式查询中,border-color是一个非继承属性。Chainedstyle样式查询支持链接,支持变量分组。样式查询可以通过变量进行分组查询,比如通过变量判断设置深色主题支持交互查询我们可以通过hover等属性改变样式,然后通过样式查询设置样式支持组合查询样式查询可以与容器查询,也就是通过条件限制的组合总结很多人可能会想为什么要开发那么多新特性。原来的css不是很好吗?事实上,技术的发展只是为了解决各种痛点而出现的。如果你是新手,比如刚学CSS,如果没有历史包袱,肯定会觉得现在的CSS真的很好用,可以做很多事情,其实这些在以前是不敢想象的但是技术是在优化更新中进步的,作为技术人员,我们能做的就是时刻保持学习,与时俱进,不被社会淘汰。不守旧,拥抱新世界。