浏览器支持:is伪类目前被Firefox 78+和Safari 14+支持 。基于 Chrome 的浏览器(Chrome 15+、Edge 79+、Opera 15+)使用:-webkit-any()前缀支持其前缀语法 。你也可以通过设置试验性的网络平台特性标志来启用该功能:在Chrome 68+、Opera 55+和Edge 79+中选中 。
:where伪类的支持较少 。目前，只有Firefox 78+支持它 。
总结目前，目前还需要谨慎使用本文讨论的CSS新功能 。理想情况下，使用带前缀的版本，或者等到它们得到更广泛的实行 。
但是，如果你想进行测试，则可以使用content-visibility和contains-intrinsic-size属性 。你可以在已经支持该功能的浏览器中实现性能上的优化（可以使用@supports规则测试浏览器支持），并且不会影响尚不支持该功能的浏览器 。
总而言之，CSS新特性的标准化和实现过程值得我们不断关注 。有许多有用的功能将最终使前端开发更容易和更快 。
作者：Anna Monus 译者：前端小智 来源：blog.logrocket
原文：https://blog.logrocket.com/5-new-css-features-you-can-already-test
推荐阅读
![[快科技]小米10青春版邀请函图赏：哆啦A梦迷你抓娃娃机](http://ttbs.guangsuss.com/image/3edcbb553cbab8a02c1d1c782772809f)
- 波轮洗衣机可以加热水洗衣服吗 波轮洗衣机有没有加热水的功能
- 三色糙米一定要浸泡吗 三色糙米要浸泡多久可以煮熟
- 吃什么食物可以补肾虚 肾虚吃什么最好食补
- 足贴小孩子可以用吗？
- 电动汽车涉水以后会有哪些影响 电动汽车可以涉水行驶吗
- 半夜喝茶可以减肥吗,喝茶真的可以减肥吗
- 吃什么可以催产？
- 剩奶粉宝宝可以喝吗
- |职场三十四忌，你了解多少？
- |专家：钓鱼算捕捞可日钓千斤，钓友：你说的是打窝？