From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Get nestled with SASS

Get nestled with SASS - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Get nestled with SASS

“

- [Instructor] Hi, this is Chris Converse, and in this episode, we'll look at how nesting techniques in SASS can reduce the amount of CSS that you need to write. In CSS, writing specific selectors requires that you repeat the selector names quite a few times, once for each rule, in fact. SASS allows us to nest selectors when writing CSS, and once compiled, the resulting CSS will contain the more verbose rules required by a web browser. And in a future episode, we'll cover a similar technique using LESS instead of SASS. So to follow along with me in this episode, download the exercise files, get your pre-processor software ready, and let's begin by exploring what's in the exercise files. So in the exercise files we have an index.html file. This file links to the file called style.css. And this file is actually compiled from our .scss file, which is the SASS CSS form of SASS. Now your pre-processor software will convert the SASS file into the CSS file. So in my workflow, the…

Contents