![]() For an in-depth look at :has, read Using :has() as a CSS Parent Selector and much more. In Safari 16, :has(:target) opens up new possibilities when using URLs with fragments. For example, if a user clicks on a link that takes them to /#chapter2, and an element on that page has the ID #chapter2, then the :target pseudo-class will select that element. The CSS :target pseudo-class selects an element when that element has an id that matches a fragment in the URL. The :has() pseudo-class in WebKit now supports :target. ![]() For instance, a paragraph could have text-align: center applied to most its lines, while the last line of that paragraph is aligned right with text-align-last: right. WebKit now supports text-align-last, a CSS property that sets how the last line of a text block is aligned. This media query provides a way for web developers to conditionally apply CSS based on the pixel density of a screen. WebKit now fully supports the resolution media query. Support for AVIF will also come to macOS Ventura and iPadOS in October. It offers multiple color spaces, lossless and lossy compression, and more. Developed by the Alliance for Open Media, AVIF is an alternative to image formats like JPEG, PNG, GIF, or WebP. Safari for iOS 16 includes support for still images compressed using the AVIF format. In the months since WWDC, we’ve added even more. ![]() We announced many details about what’s in Safari 16 in our article, News from WWDC22: WebKit Features in Safari 16 Beta, and the WWDC22 session, What’s new in Safari and WebKit (32 min video). Safari 16 for macOS Ventura and iPadOS 16 are coming this October, and will include Web Push on macOS Ventura. To update to Safari 16.0 on iOS, install iOS 16. To update to Safari 16.0 on macOS Monterey and macOS Big Sur, go to System Preferences → Software Update → More info. This release contains quite a few new web technologies that web developers can use to make their sites and web apps even better. Today, we are excited to announce the release of Safari 16.0 for iOS 16, macOS Monterey and macOS Big Sur.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |