#Development #Pitfalls
When CSS says ‘yes’ but browsers say ‘no’ · @supports doesn’t always behave as expected https://ilo.im/16ct5y

_____
#FeatureDetection #CssSelectors #CssNesting #Browsers #WebDev #Frontend #CSS

When CSS Says 'Yes' but Browsers Say 'LOL No'

CSS treats @supports as context-blind, and that leads to surprising (and misleading) behavior in real browsers. This article showcases examples when @supports doesn't work as expected and explores the reasons. :: Blog post at Alvaro Montoro's Personal Website.

#Development #Guides
CSS @Scope is now Baseline · How to simplify selectors by defining scope roots https://ilo.im/169m4x

_____
#ModernCSS #ScopedCSS #CssSelectors #Baseline #Browsers #WebDev #Frontend #CSS #JavaScript

How to @scope CSS Now That It’s Baseline – Frontend Masters Blog

There is a way to declare a scope on a specific selector, a specific selector *down to* another selector, or with no selector at all (which scopes to its parent in the DOM).

#Development #Fun
CSS selectors for the HTML element · A fun exercise to explore CSS selectors https://ilo.im/168wkm

_____
#CSS #CssSelectors #WebDev #Frontend #HTML

The Hidden Selectors of The HTML Element

Discover alternative selectors for the html element beyond the classic :root{} and html{}

#Development #Approaches
My CSS selector strategy · Think of it as a “progressive narrowing of scope.” https://ilo.im/168bgo

_____
#Stylesheets #CssSelectors #WebDev #Frontend #CSS

My CSS selector strategy

#Development #Videos
CSS combinators you need to know · An overview with many practical examples https://ilo.im/16810a

_____
#CssCombinators #CssSelectors #Browser #WebDev #Frontend #HTML #CSS

CSS Combinators you need to know (and a selector too)

YouTube

#Development #Playgrounds
CSS Selectors Playground · A visual way to learn and test CSS selectors https://ilo.im/167b9x

_____
#Playgrounds #CssSelectors #Browser #WebDev #Frontend #CSS

CSS Selectors Playground

Wow, someone finally cracked the code on turning URLs into RSS feeds 🔮, using the arcane magic of CSS selectors 🧙‍♂️. Apparently, it's "quickly" done if you have a PhD in web scraping and a deep spiritual connection with the spirit of XML 😂. Now you too can relive the 2000s dream of reading your news the way your grandparents never did 🌐.
https://feedmaker.fly.dev #URLtoRSS #CSSselectors #WebScraping #XMLmagic #2000sNostalgia #HackerNews #ngated

Are you struggling with CSS overrides? Here’s your chance to learn about CSS specificity - how it works, how to calculate it, and best practices to ensure your styles apply as intended.

https://www.specbee.com/blogs/take-control-of-your-styles-with-css-specificity

#css #csstips #cssspecificity #webdevelopment #frontend #webdesign #coding #cssselectors

Kürzlich hab ich ein Video zu #CSS Pseudo-Elementen gemacht, der sechste Teil einer Serie über CSS-Selektoren.
https://youtu.be/KDzVlxZc678

#frontend #styling #cssselectors

first-letter, backdrop, before, after und andere Pseudo-Elemente | CSS-Selektoren Teil 6

YouTube