In my quest to learn something new every week. I came across a not so new pseudo-class element :focus-within. Let's take a look at how it works and...
For further actions, you may consider blocking this person and/or reporting abuse
Yasss I love focus-within, I discovered one bug though. I usually use focus within to show the same state as hover so I use it like this:
On edge though, not only is focus-within not supported, but it actually breaks the hover state! 🤯
You have to add the hover on a separate line and shouldn’t use focus-within in combination with other selectors; as in comma separated on the same line.
Oh really. I didn't know about this but thanks for sharing it.
Is this not saas
This is such a cool psuedo element. Thanks for sharing. I will definitely be thinking of this in the future.
Awesome! Yes pleassse do...
Took me two reads to grasp it and its difference from :focus...Thanks for this, new knowledge acquired
+1 here, as well.
"knowledge acquired"... niccce!
Great! Happy you learned something new.
CSS is coming up with such awesome pseudo-classes! There's a LOT to discover...thanks for sharing 😄
I know right I'm having fun discovering them :)
Yet? Yet⁉️
🤣
(Great post, thx)
Awesome tip! I did know this existed.
Another tool added to my repertoire
Great post!! Thanks for sharing!
Very awesome gift ...I am definitely using this....and I though I know CSS at a high scale...lol
I definitely have used :focus in the past but I didn't know this one could be used for a different approach, CSS still has many ways to teach us new stuff everyday! I love it.
Great Post I will use it with the A11y compliance pin board
pin.it/9RGxxAi
This is lovely. Thanks
How to insert the images in the post?
Thank you so much for your reply but my question is how to keep the screenshot of our explanation in our post which we are posting on this website.