Conversation

Notices

1. Embed this notice
   Kai Klostermann (odddev@floss.social)'s status on Saturday, 21-Dec-2024 17:38:38 JST Kai Klostermann

   #CSS #askFedi

   What's the difference between `*::before` and `::before` and why would I use it? Stumbled across it in a blog post.

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 21-Dec-2024 17:38:36 JST Aral Balkan

     in reply to

     @OddDev * means every element. So you’d be setting styles to be applied to the before pseudo-element of every element. Likely not what you want to do :)

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 21-Dec-2024 17:41:31 JST Aral Balkan

     in reply to

     @OddDev Although, if you scope it to another element, then it’ll mean every element within that scope, which could be useful.

     e.g., nav *::before {} would apply those styles before every element in your nav.

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 21-Dec-2024 17:44:47 JST Aral Balkan

     in reply to

     @OddDev (Whereas nav::before {} would only apply the styles before the nav element itself.)

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 21-Dec-2024 21:45:09 JST Aral Balkan

     in reply to

     @OddDev Yeah, at a quick glance, not sure. Take it out and see what happens :)

   • Embed this notice
     Kai Klostermann (odddev@floss.social)'s status on Saturday, 21-Dec-2024 21:45:11 JST Kai Klostermann

     in reply to

     • Aral Balkan

     @aral Ah okay, so it's no special syntax really. Thank you so much!

     Wondering why they did that here tho: https://www.kallmanation.com/styling-a-radio-button-with-only-css

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 21-Dec-2024 21:48:53 JST Aral Balkan

     in reply to

     @OddDev Thought as much :)

   • Embed this notice
     Kai Klostermann (odddev@floss.social)'s status on Saturday, 21-Dec-2024 21:48:55 JST Kai Klostermann

     in reply to

     • Aral Balkan

     @aral It's the same. 🫠 Maybe it's just an oopsie in the post.