Is it possible to reference a further parent than just the one above?

by

I wasn’t planning on answering my own question, but it seems that I found out exactly what I was looking for only it has recently being added to sass and will be available on sass 3.4. I believe there’s a prerelease to tried but I havent tried it yet.

Basically what I was looking has been answered to me on github:

https://github.com/sass/sass/issues/286#issuecomment-49112243

So on 3.4 you can do:

.level1 {
  .level2 {
    .level3 {
       @at-root #{selector-append(".blue", &)} {
        color: blue;
      }
      color: red;
    }
  }
}

which is exactly what I was looking for.

There’s a bunch of addition related to the parent selector (&), you can learn more from it at https://github.com/sass/sass/issues/1117

Bear in mind though, that at the time of writing this answer, all of this is rather new.

Also see: https://github.com/sass/sass/blob/master/doc-src/SASS_CHANGELOG.md
And: http://www.phase2technology.com/blog/everything-you-need-to-know-about-sass-3-4/

More Related Contents:

  1. To know the sass structure [closed]
  2. False positive “undefined variable” error when compiling SCSS
  3. Adding a unit to a number in Sass
  4. Using Sass Variables with CSS3 Media Queries
  5. Sass .scss: Nesting and multiple classes?
  6. Sass – Manipulate inherited property?
  7. Append the parent selector to the end with Sass
  8. Sass Interpolation of Mixin, Function, and Variable names
  9. Why does Sass change the format of my colors?
  10. How to overwrite SCSS variables when compiling to CSS
  11. Can I import an externally hosted file with sass?
  12. Using a function in Sass is returning the string containing the name of the function rather than the result
  13. Concatenating nested classes using SASS [duplicate]
  14. Math with interpolated variables?
  15. Sass combining parent using ampersand (&) with type selectors
  16. Define variables in Sass based on classes
  17. Sass calculate percent minus px
  18. Using variables for CSS properties in Sass
  19. Sass color variable not working inside darken()
  20. How to convert a number to a percentage with SASS? [duplicate]
  21. Skipping an optional argument in Sass mixin
  22. Can’t get sass + compass + susy installed due to version conflict
  23. Multiple values for one property with variable argument lists in Sass
  24. Adding two values in Sass function creates double instance of ‘px’
  25. Interpolation of prefixes on @keyframes in Sass
  26. Gulp TypeError: Arguments to path.join must be strings
  27. webpack (with sass-loader) – scss file @import does not recognize resolve alias
  28. Trying to use sass modules in create-react-app with the new @use syntax but receiving an error
  29. Configure compass browser support (Compass 1.x syntax)
  30. What does % mean in SASS?

Leave a Comment