Андрей Ситник on Nostr: :has() — очень удобный инструмент в CSS, который ...
:has() — очень удобный инструмент в CSS, который уже можно использовать.
Часто он позволяет убрать JS — например связывая :hover в одной ветке DOM-дерева с реакцией в другой.
Посмотрите, как мы в oklch.com выкинули много JS-кода
https://github.com/evilmartians/oklch-picker/pull/157 
Published at
2024-08-11 14:12:31Event JSON
{
"id": "913b78b9ff897014701b4df385405ebb24fafa6ba23880587995fa47ca98d01f",
"pubkey": "3424c48445d544659a95f95921c3e8aa5900dbfef3454612f601079b6ab66e74",
"created_at": 1723385551,
"kind": 1,
"tags": [
[
"proxy",
"https://mastodon.social/users/sitnik_ru/statuses/112943795488357207",
"activitypub"
]
],
"content": ":has() — очень удобный инструмент в CSS, который уже можно использовать.\n\nЧасто он позволяет убрать JS — например связывая :hover в одной ветке DOM-дерева с реакцией в другой.\n\nПосмотрите, как мы в oklch.com выкинули много JS-кода\nhttps://github.com/evilmartians/oklch-picker/pull/157\n\nhttps://files.mastodon.social/media_attachments/files/112/943/795/349/363/127/original/d28e262ba10dda8f.png",
"sig": "d83ff54dbe460904bec5792f75ea53ea66dad1e2147d45a26a452585c486e51c16c473d5008c68073b755757f2c51674bdb9f2d23cf4ce9bcbaa7ba66585554a"
}
