每周平台新聞：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中文網其他相關文章！