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 :)
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 .
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.
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.
Wouldn't that be a interesting case study: Optimizing your own site without changing it visually? Could be a fun video series.
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.
CSS can be so easy with your tips. What have I tinkered to get such simple things done. Thank you so much.
I'm starting to love CSS again, thanks to this channel.
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 !
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 🖤
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.
Hi Kevin, today I tried the '+' combinator-selector in my project. Thats working perfect and handy to use. Great. Thanks for this video.
Life-changing from now on. Thank you ever so much, Kevin.
Learned about this from your Conquering Responsiveness course and have been using it frequently since.
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.
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
You are god tier. Like seriously, this stuff is incredible. I'm loving the owl thing 🙂
so great to see .. i was always using :first-child and :last-child to eliminate that unneccessary spacing - love your solution 👍
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.
@facundocorradini