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