SASS CSS: Target Parent Class from Child

by

As of Sass 3.4, this is now supported. The syntax looks like this:

.message-error {
    background-color: red;

    @at-root p#{&} {
        background-color: yellow
    }
}

Note the @at-root directive and the interpolation syntax on the ampersand. Failure to include the @at-root directive will result in a selector like .message-error p.message-error rather than p.message-error.

More Related Contents:

  1. CSS for button with right triangle at lower right [closed]
  2. What’s the difference between SCSS and Sass?
  3. Import regular CSS file in SCSS file?
  4. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  5. How to create color shades using CSS variables similar to darken() of Sass?
  6. Angular-cli from css to scss
  7. Sass Variable in CSS calc() function
  8. Sass Invalid CSS Error: “expected expression”
  9. Can I use variables for selectors?
  10. Dynamic Sass Variables
  11. Extending selectors from within media queries with Sass
  12. Ampersand (&) at the end, and part of, a selector in SASS
  13. What does an “&” before a pseudo element in CSS mean?
  14. Customize Bootstrap 4’s grid-system Breakpoints
  15. @import in @if statement in Sass
  16. Have a variable in images path in Sass?
  17. Next.js Global CSS cannot be imported from files other than your Custom
  18. Proper SCSS Asset Structure in Rails
  19. SASS indented syntax on multiple lines?
  20. Rails 4: how do I use Sass Mappings?
  21. SASS – use variables across multiple files
  22. Placeholder Mixin SCSS/CSS
  23. Sass @each variable interpolation [duplicate]
  24. Why put in front of the file name “_” or “_” in scss/css?
  25. Does LESS have an “extend” feature?
  26. How to control number of items per row using media queries in Flexbox?
  27. Text Stroke (-webkit-text-stroke) css Problem
  28. SASS for loop updating hsla lightness returns error $lightness: “96.77419” is not a number for `hsla’
  29. Using @font-face with Rails 3.1 app?
  30. How to combine and use multiple Next.js plugins

Leave a Comment