What does ‘&.’ in ‘&.sub-title’ indicates in scss?

by

The & concatenates the parent class, resulting in .title.sub-title (rather than .title .sub-title if the & is omitted).

The result is that with the & it matches an element with both title and sub-title classes:

<div class="title sub-title"></div> <!-- << match -->

whilst without the & it would match a descendent with class sub-title of an element with class title:

<div class="title">
  ...
    <div class="sub-title"></div> <!-- << match -->
  ...
</div>

More Related Contents:

  1. CSS for button with right triangle at lower right [closed]
  2. Import regular CSS file in SCSS file?
  3. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  4. Angular-cli from css to scss
  5. Sass Variable in CSS calc() function
  6. How to dynamically generate a list of classes with commas separating them?
  7. Is there a SASS.js? Something like LESS.js?
  8. Sass Invalid CSS Error: “expected expression”
  9. Can I use variables for selectors?
  10. Extending selectors from within media queries with Sass
  11. What does an “&” before a pseudo element in CSS mean?
  12. @import in @if statement in Sass
  13. Proper SCSS Asset Structure in Rails
  14. CSS-Only Sticky Table Headers In Chrome
  15. SCSS extend a nested selector and override the nested rulesets
  16. Sass negative variable value?
  17. Sass @each with multiple variables
  18. Rails 4: how do I use Sass Mappings?
  19. SASS – use variables across multiple files
  20. Sass @each variable interpolation [duplicate]
  21. Merging selectors from mixins
  22. Does LESS have an “extend” feature?
  23. how to change bootstrap version 4 button color
  24. Pass function or mixin by reference in SASS
  25. Creating CSS3 Circles connected by lines
  26. How to properly introduce a light/dark mode in Bootstrap?
  27. Sass and rounding down numbers. Can this be configured?
  28. SASS calculate HSL Difference between 2 colours
  29. how to watch changes in whole directory/folder containing many sass files
  30. SASS CSS: Target Parent Class from Child

Leave a Comment