555 B
555 B
title |
---|
Nest CSS with Sass |
Nest CSS with Sass
- In Sass, nesting CSS rules allows to define hierarchy selectors.
- You can organize your style sheets by nesting CSS rules.
Example
.title{
strong{}
em{}
}
// This will be compiled into:
.title{}
.title strong{}
.title em{}
Hint 1:
- You may want to change the position of "}" at line 4.
Solution
<style type='text/sass'>
.blog-post {
h1 {
text-align: center;
color: blue;
}
p {
font-size: 20px;
}
}
</style>