Your friendly neighborhood front-end developer! Specializing in #WordPress, with a focus on #accessibility (#a11y) and #webperf.
Currently open to remote work and freelance positions.
An all around geek + Senior Editor & Developer for @yattatachi. He/Him
| Portfolio | https://cabrailsford.com |
| Github | https://github.com/cabrailsford |
| Other | https://yattatachi.com |
@kevinpowell That'd certainly be helpful! But yeah, I get that :has would be supported in that scenario, so it's not really a situation of "will this work" but more of "is this straightforward?"
I also say that knowing that having set-it-and-forget-it code that you don't HAVE to think about is great, even if it may look wonky from a bird's eye view (e.g. over-engineering your CSS)
Hey @kevinpowell! I just watched your video about centering CSS grid bottom rows, and saw you used the :has selector to select children before the last-child. Wouldn't it also work to use something like:
.item:nth-child(4n + 5):last-child { // Grid column goes here ) }
.item:nth-child(4n + 5):nth-last-child(2) { // Grid column goes here }
.item:nth-child(4n + 5):nth-last-child(3) { // Grid column goes here )
Then you keep the same nth-child selector and simply move backwards. Just a thought!
@lynnandtonic Your post just reminded me of this old clip from Stephen Colbert
@brad_frost Besides Crossfire, these 2 certainly come to mind more than they should
Roller Rider
https://www.youtube.com/watch?v=sm4HQfMOvPU
@chriscoyier I'm a bit late to this, but the reason for me is due to minification issues. I've had several times where a client uses a tool like WP Rocket or Cloudflare for CSS minification, which borked the container output due to not understanding the newer syntax.
Last I checked, Cloudflare's Auto Minification states:
"Please note that this feature may not be fully compatible with certain newer CSS and JS language features, which could potentially affect the functionality of your site."