From 9f9eb5b37928aabefdc13f159057b78c392647c2 Mon Sep 17 00:00:00 2001 From: Pauric Holleran Date: Mon, 20 Feb 2017 22:18:05 +0000 Subject: [PATCH] CSS Selectors added in code example The code example in Sass: Nesting CSS with Sass was missing CSS element selectors. These have been added. --- challenges/03-front-end-libraries/sass.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/challenges/03-front-end-libraries/sass.json b/challenges/03-front-end-libraries/sass.json index 58c2672d61..bb1cc57bc3 100644 --- a/challenges/03-front-end-libraries/sass.json +++ b/challenges/03-front-end-libraries/sass.json @@ -92,7 +92,7 @@ "description": [ "Sass allows nesting of CSS rules, which is a useful way of organizing a style sheet.", "Normally, each element is targeted on a different line to style it, like so:", - "
nav {
  background-color: red;
}

nav ul {
  list-style: none;
}

li {
  display: inline-block;
}
", + "
nav {
  background-color: red;
}

nav ul {
  list-style: none;
}

nav ul li {
  display: inline-block;
}
", "For a large project, the CSS file will have many lines and rules. This is where nesting can help organize your code by placing child style rules within the respective parent elements:", "
nav {
  background-color: red;

  ul {
    list-style: none;

    li {
      display: inline-block;
    }
  }
}
", "
", @@ -478,4 +478,4 @@ "translations": {} } ] -} \ No newline at end of file +}