Sass and combined child selector

Question

I\'ve just discovered Sass, and I\'ve been so excited about it.

In my website I implement a tree-like navigation menu, styled using the child combinator (E &g

Answer 1

Without the combined child selector you would probably do something similar to this:

foo {
  bar {
    baz {
      color: red;
    }
  }
}

If you want to reproduce the same syntax with >, you could to this:

foo {
  > bar {
    > baz {
      color: red;
    }
  }
}

This compiles to this:

foo > bar > baz {
  color: red;
}

---

Or in sass:

foo
  > bar
    > baz
      color: red