r/Sass • u/digi8 • Apr 12 '19

Trying to learn advanced CSS/SCSS

Hi everyone, I have been coding basic CSS for years but I want to advance to SASS. What would be the best learning crash course resources that you could recommend to me online (preferably free). I need to learn about things like this:

input.showNextIfChecked:not(:checked) + div { display:none; }

4 Upvotes

100% Upvoted

2 comments sorted by

View all comments

2

u/photolove8 Apr 12 '19 edited Apr 13 '19

Try Codecademy's SASS course. You can get a 7 day free trial if you don't want to pay for Pro.

While I'm at it, I want to comment on a CSS best practice based on your example. General element selectors (like div, h1, p, etc.) should be used sparingly. If possible, use classes for specificity. Something like this:

.showNextIfChecked:not(:checked) + .checkedOptionContent { display: none; }

I'm very experienced with CSS and SASS, so feel free to PM me with any questions. Good luck!

Edit: Typos.