Hi everyone and welcome to the 35 new subscribers who have joined since the last issue went out in March!
Have you been keeping up to date with the buzz in the CSS community? No worries if not - but let me tell you, there’s a lot to be excited for! From container queries, to the board support of the
:has() selectors, it’s an exciting time to be a front-end developer!
Speaking of which, one of my favorite selectors is the
:not() selector. It’s extremely versatile and I find myself using it more and more.
Here’s a simple example:
Say that you have styles for a primary button and also styles for a button if it’s disabled, with both sharing the same base
.button class. How would you change the background color of the primary button when in
:hover state without affecting a primary button that is disabled?