Jim Nielsen

A Previous Sibling Selector

https://blog.jim-nielsen.com/2022/previous-sibling-selector/

This is really clever, I hope we'll get support for :has() everywhere soon!

I can remember a time when it was difficult to find selectors that would target all your use cases. But now-a-days, with the powerful new selectors we’re getting in CSS like :where(), :is(), :not(), and :has(), I rarely need to target something for which I cannot find a selector. It’s amazing!

• older link:
  Into the Personal-Website-Verse
• newer link:
  The Problem With Our Maps

---

Related contents with similar topics

1. 

   Zach Leatherman

   Educational Sensational Inspirational Foundational

   • Nicolas Hoizey
   • 30 August 2023
   • Web, CSS, HTML, JavaScript, responsive
   • 1 reaction

   A historical record of foundational web development blog posts. I've already read most of these great articles, and will of course read the few missing.…

2. 

   Ahmad Shadeed

   The virtual keyboard API

   • Nicolas Hoizey
   • 2 August 2023
   • CSS, mobile
   • 5 reactions

   Have you come across an issue where there is a fixed element on mobile, and when the keyboard is activated, that element will be hidden underneath…

3. 

   Bramus Van Damme

   Synchronize videos, 3D-models, etc. to Scroll-Driven Animations

   • Nicolas Hoizey
   • 24 June 2023
   • CSS, animation, scroll
   • 10 reactions

   With Scroll-Driven Animations it’s really easy to animate elements as they enter/exit/whatever. But what if you want to sync a video to that? Or maybe…

4. 

   Johannes Odland

   Cropping Images with CSS While Keeping a Focal Point in the Center

   • Nicolas Hoizey
   • 22 June 2023
   • image, WebPerf, CSS, Container Queries
   • 13 reactions

   This is a lovely way to deal with image crop and focal point with CSS only! 😍 And I love that Johannes put this warning in the beginning: While client-side…

5. 

   Matthias Ott

   The New CSS

   • Nicolas Hoizey
   • 20 June 2023
   • CSS
   • 12 reactions

   This is the new CSS. The most powerful design tool for the Web ever. Only by using CSS, you can leverage what the platform is now capable of. Only…