每周平台新闻：the：not（）伪级，视频媒体查询，剪辑路径：path（）支持

本周的šimeVidas浏览器更新涵盖了重要的CSS增强功能，可访问性问题和期待已久的CSS功能。

本周的亮点包括改进:not()伪级，解决了Chrome的“查找页面”功能中的光滑滚动问题，Safari的独特处理<video></video>Element的media属性以及clip-path的path()函数的到达。

增强:not()伪级扩展选择器功能

增强的:not()伪级，现在在主要浏览器中支持，大大提高了CSS选择器功率。现在，它接受复杂的选择器和列表，从而实现更精确的定位。例如，您可以选择<p>元素<em>不在</em><code><article></article>：

 /*选择全部<p> 元素不在<article> */
P：不（文章 *）{
}</article></p>

另一个示例涉及选择第一个可见列表项目：while :nth-child(1 of :not([hidden]))是理想的，其of缺乏广泛的支持。增强:not()提供了解决方法：

 / *选择第一个非隐藏列表项目 */
：not（[hidden]）：not（：not（[hidden]）〜：not（[hidden]））
}

HTTP刷新标头：可访问性风险

HTTP Refresh标头（和等效<meta>标签）自动重新加载页面定期。虽然广泛使用（占Chrome页面负载的2.8％），但这带来了可访问性挑战。简短的刷新时间间隔破坏了视觉障碍用户的屏幕读取器用法。当服务器端重定向不可行时，WCAG仅允许其使用为0的值，用于客户端重定向。

在Chrome的“页面上查找”期间禁用光滑滚动

Chrome的光滑滚动虽然通常有益，但却干扰了某些用户的“查找”功能。 Christian Schaefer的CSS解决方案在搜索过程中专门禁用了光滑的滚动：

 @KeyFrames SmoothScroll1 {从{scroll-behavior：smooth; }}}
@KeyFrames SmoothScroll2 {从，到{scroll-behavior：smooth; }}}
html {动画：SmoothScroll1 1s; }
html：focus-within {animation-name：SmoothScroll2;滚动行为：平滑； }

野生动物园一直支持<video></video>的media属性

这<video></video>元素的media属性（允许响应式视频源）由于对有效源选择的疑虑而从大多数浏览器中删除。但是，野生动物园仍然支持它。斯科特·杰尔（Scott Jehl<video></video>元素本身。

clip-path: path()函数现在广泛支持

Chrome最近针对clip-path的path()函数实现了跨主要浏览器的支持。该功能是CSS形状模块的一部分，使用SVG路径字符串进行多功能元素剪辑，几乎可以使用任何形状。

以上是每周平台新闻：the：not（）伪级，视频媒体查询，剪辑路径：path（）支持的详细内容。更多信息请关注PHP中文网其他相关文章！