What does an “&” before a pseudo element in CSS mean?

by

That’s LESS, not CSS.

This syntax allows you to nest selector modifiers.

.clearfix { 
  &:before {
    content: '';
  }
}

Will compile to:

.clearfix:before {
  content: '';
}

With the &, the nested selectors compile to .clearfix:before.
Without it, they compile to .clearfix :before.

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. Is there a SASS.js? Something like LESS.js?
  3. Customize Bootstrap 4’s grid-system Breakpoints
  4. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  5. LESS: Unrecognized input error when using Bootstrap
  6. LESS mixin a variable class name
  7. Does LESS have an “extend” feature?
  8. how to change bootstrap version 4 button color
  9. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
  10. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  11. Disable LESS-CSS Overwriting calc() [duplicate]
  12. Why did Bootstrap 3 switch to box-sizing: border-box?
  13. Sass Variable in CSS calc() function
  14. Twitter Bootstrap Multilevel Dropdown Menu
  15. Bootstrap with different order on mobile version
  16. Can I use variables for selectors?
  17. Change the order of col-*-12 columns in Bootstrap using push/pull
  18. Extending selectors from within media queries with Sass
  19. Scrollable Menu with Bootstrap – Menu expanding its container when it should not
  20. Changing the width of Bootstrap popover
  21. How to change btn color in Bootstrap
  22. What does ‘&.’ in ‘&.sub-title’ indicates in scss?
  23. Sass negative variable value?
  24. Remove border radius from Select tag in bootstrap 3
  25. up/down arrow key issue with typeahead control (angular bootstrap UI)
  26. Pass function or mixin by reference in SASS
  27. How to make a Bootstrap 4 full width dropdown in Navbar?
  28. Bootstrap Navbar list items/links not showing
  29. Sass and rounding down numbers. Can this be configured?
  30. SASS calculate HSL Difference between 2 colours

Leave a Comment