Advanced CSS Selectors

Most people know the basic selectors, but aren’t aware that there are some really useful advanced selectors as well.

In this video, I take a look at the universal, direct child, general sibling, adjacent sibling, and a bunch of attribute selectors.

While I’m a big advocate of trying not to nest selectors too much, we can use these advanced CSS selectors in fun ways to save us having to write extra CSS.

CodePen: https://codepen.io/kevinpowell/pen/MQYGwY

—

New to Sass, or want to step up your game with it? I’ve got a course just for you: https://www.kevinpowell.co/learn-sass

—

My Code Editor: VS Code – https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

—

Support me on Patreon: https://www.patreon.com/kevinpowell

I’m on some other places on the internet too!

If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell