Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Sass Basics!
You have completed Sass Basics!
Preview
Learn how nested selectors make writing descendant and complex selectors fast and simple.
Sass also provides a shorthand for writing properties using CSS namespaces:
.button {
text: {
align: center;
decoration: none;
transform: uppercase;
}
}
Compiles to:
.button {
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
Resources
Videos
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
got started using variables to avoid
repeating values in multiple places.
0:00
In stage, you'll learn to integrate the
stylish time saving features of Sass into
0:01
your daily work flow and
0:05
you'll quickly experience why Sass is one
of the standard ways for writing CSS.
0:06
First, I'll teach you how Sass
makes writing descendent and
0:11
complex selectors fast and simple.
0:13
You've probably created descendent,
sibling,
0:16
or direct child selectors
like this at some point.
0:18
These selectors are a great
way to create styles that
0:21
target very specific elements on a page.
0:24
But they can require a lot of typing
as you specify selectors that
0:26
map to the structure of your HTML.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up