Discover and read the best of Twitter Threads about #merrycssmas
Most recents (1)
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector šš Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!
demo: codepen.io/tomhodgins/penā¦
code: npmjs.com/package/jsincsā¦
#css #javascript![Supporting your own parent selector in CSS with [--parent]](/images/1px.png)
demo: codepen.io/tomhodgins/penā¦
code: npmjs.com/package/jsincsā¦
#css #javascript
![Supporting your own parent selector in CSS with [--parent]](https://pbs.twimg.com/media/DtXaDW7VAAALAgA.png)
Dec 2: The :has() Selector āļøāØ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS
demo: codepen.io/tomhodgins/penā¦
code: github.com/tomhodgins/jsiā¦
#rwd #webdesign
demo: codepen.io/tomhodgins/penā¦
code: github.com/tomhodgins/jsiā¦
#rwd #webdesign
