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 LESS

Get nestled with LESS - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Get nestled with LESS

“

- [Instructor] Hi, this is Chris Converse, and in this episode we'll take a look at how nesting techniques and LESS, can reduce the amount of CSS you need to initially write. In CSS, writing specific selectors requires that you repeat those selector names quite a few times. Once for each rule, in fact. LESS allows us to nest the selectors when writing our CSS, and once compiled, the resulting CSS will contain the more verbose rules required by a browser. We covered a similar technique in a previous episode using SASS instead of LESS, so if you would like to follow along with me, 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, there's an index.html file, this file links to the style.css file, and this file is compiled from the LESS file here. And from my pre-processor, I'm using a piece of software called CodeKit. So this CodeKit file here will not be included in your files, unless…

Contents