{"id":4339,"date":"2026-08-16T03:58:27","date_gmt":"2026-08-16T03:58:27","guid":{"rendered":"https:\/\/tucumandevelopers.com\/index.php\/2026\/08\/16\/whats-important-17-custom-highlight-api-css-navigation-matching-fixing-text-stroke-and-more\/"},"modified":"2026-08-16T03:58:27","modified_gmt":"2026-08-16T03:58:27","slug":"whats-important-17-custom-highlight-api-css-navigation-matching-fixing-text-stroke-and-more","status":"publish","type":"post","link":"https:\/\/tucumandevelopers.com\/index.php\/2026\/08\/16\/whats-important-17-custom-highlight-api-css-navigation-matching-fixing-text-stroke-and-more\/","title":{"rendered":"What\u2019s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More"},"content":{"rendered":"
\n
\u2014 Lea Verou, PhD (@lea.verou.me<\/a>) 17:39 \u00b7 Aug 1, 2026<\/a><\/p><\/blockquote>\n

Different ways to use the lh<\/code> unit<\/h2>\n

Ahmad Shadeed showcased different ways to use the lh<\/code> unit<\/a>, which, as it turns out, has a range of uses. If you\u2019re not familiar, 1lh<\/code> is equal to the computed line-height<\/code>.<\/p>\n

Source: Ahmad Shadeed<\/a>.<\/figcaption><\/figure>\n

Bramus explained how the new scroll-axis-lock<\/code> property facilitates diagonal scrolling<\/a> (the default behavior only allows for scrolling one axis at a time).<\/p>\n

An introduction to CSS navigation matching<\/h2>\n

Bramus also unveiled CSS navigation matching<\/a>, which basically enables us to style elements based on where the user is navigating to or from.<\/p>\n

It\u2019s kind of mind-blowing, to be honest. Bramus actually published this right after I wrote What\u2019s !important #16<\/strong><\/a> (the last<\/em> issue), but I just couldn\u2019t let this one fly under the radar\u2026<\/p>\n

Since neither Chrome, Safari, nor Firefox has shipped a new stable version since What\u2019s !important #16<\/strong> (and because it\u2019s Friday), let\u2019s wrap this one up early. Instead, I\u2019ll leave you with an interesting question \u2014 what\u2019s the worst<\/em> HTML element?<\/p>\n

\n

what is the worst html element? right answers only<\/p>\n

\u2014 Zach Leatherman (@zachleat.com<\/a>) 16:46 \u00b7 Aug 13, 2026<\/a><\/p><\/blockquote>\n

See ya in a couple of weeks!<\/p>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n

Fuente: Art\u00edculo original<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u2014 Lea Verou, PhD (@lea.verou.me) 17:39 \u00b7 Aug 1, 2026 Different ways to use the lh unit Ahmad Shadeed showcased different ways to use the lh unit, which, as it turns out, has a range of uses. If you\u2019re not familiar, 1lh is equal to the computed line-height. Source: Ahmad Shadeed. Bramus explained how the […]<\/p>\n","protected":false},"author":1,"featured_media":4338,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"webixso_pending_account_ids":""},"categories":[42],"tags":[],"class_list":["post-4339","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-csstricks"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/4339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/comments?post=4339"}],"version-history":[{"count":0,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/posts\/4339\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media\/4338"}],"wp:attachment":[{"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/media?parent=4339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/categories?post=4339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tucumandevelopers.com\/index.php\/wp-json\/wp\/v2\/tags?post=4339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}