@facundocorradini

Great video! The adjacent sibling combinator is one of my favourites too :) 
Just a heads-up, at 2:58 you say that "(the element) doesn't have a div before it, it has the body tag", which may confuse some people as the selector is not looking for parents, only siblings. So the element doesn't have anything before it (i.e. using "body + .example"  would still not select that element)

@harleyspeedthrust4013

Dude you have no idea how much these videos have helped me. I have gotten so much better at css because of them, thanks dude :)

@souhardabiswas970

It has been 3 months since I have started learning WebDev and if I understand a single bit of CSS , it's because of you . You're a gem .

@ThiagoVieira91

Your example with ".three + .example" is perfect.

I never understood properly why people loved so much the + selector. Even less its use in the owl selector, * + *. Now it makes more sense.

@dave6012

When you said you used to be a print designer that made a lot of sense. The layout and styling on your typography is always immaculate.

@DerSolinski

Wouldn't that be a interesting case study:
Optimizing your own site without changing it visually?
Could be a fun video series.

@benzflynn

Thoughtful vid. Combinators like that effective if we want to do things globally with common elements like <p>. Otherwise can use :first-of-type, :nth-of-type, :last-of-type where you have additional style classes for the element.

@andreaskarz

CSS can be so easy with your tips. What have I tinkered to get such simple things done. Thank you so much.

@mikebailey783

I'm starting to love CSS again, thanks to this channel.

@justyna6134

Hey Kevin, you explain so lightly that I understand everything (and i don't have so so much experience with Css) - very good job ---> thank you !

@comradecid

this is really useful for styling atomic ui component systems. typically, you'll be assembling many different combinations of granular re-useable elements (label + form field, form field + hint text, label + hint text, etc.), each of which has maddeningly case-specific rules regarding presentation and spacing. using this method, you can tackle all that without additional code, allowing you to simply plop elements in place and have them automatically look correct 🖤

@TomLeg

I agree about using contrived examples to show how something works. On the other hand, using good coding practices in tutorials is sometimes the only source people have for how to do things right.

@jvenkatonline

Hi Kevin, today I tried the '+' combinator-selector in my project. Thats working perfect and handy to use. Great. Thanks for this video.

@jennifermagpantay7933

Life-changing from now on. Thank you ever so much, Kevin.

@tim_t

Learned about this from your Conquering Responsiveness course and have been using it frequently since.

@brian554xx

If you stumble past "specificity" with your grace intact, it's less distracting than dwelling on it. You're amazing, Kevin. Trust us to forgive your word stumbles more quickly than you forgive yourself.

@DiegoDiaz-uz2vg

Adjacent selector is my favorite. You can get very creative with like custom controls with hidden checkboxes, adjacent elements waiting for :checked state and labels that catch the click event, surrounding the whole block

@DreQueary

You are god tier. Like seriously, this stuff is incredible. I'm loving the owl thing 🙂

@peachesfruitella

so great to see .. i was always using :first-child and :last-child to eliminate that unneccessary spacing - love your solution 👍

@DanielTateNZ

Cool video, a real use case for this is labels and inputs, often text inputs have labels before but checkboxes or radios have labels after.