Can I use variables for selectors?

by 
$gutter: 10;

.grid#{$gutter} {
    background: red;
}

If used in a string for example in a url:

background: url('/ui/all/fonts/#{$filename}.woff')

More Related Contents:

  1. SASS: randomly pick background-image from a list
  2. how do I make device specific selectors in css [closed]
  3. Is there a “previous sibling” selector?
  4. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  5. CSS selector for first element with class
  6. What does the “+” (plus sign) CSS selector mean?
  7. Is there a CSS selector by class prefix?
  8. How do I select an element based on the state of another element in the page with CSS?
  9. Does the order of classes listed on an item affect the CSS?
  10. Select all child elements recursively in CSS
  11. CSS “and” and “or”
  12. Using the last-child selector
  13. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  14. Sass Invalid CSS Error: “expected expression”
  15. Can I have multiple :before pseudo-elements for the same element?
  16. How to select label for=”XYZ” in CSS?
  17. @import in @if statement in Sass
  18. In which direction do selector engines read, exactly?
  19. What’s the difference between html[lang=”en”] and html:lang(en) in CSS?
  20. Can I colour backgrounds of selected items in HTML select options with CSS only?
  21. CSS3 combining selectors with OR instead of AND
  22. Why doesn’t this CSS :not() declaration filter down?
  23. How to show the first N elements of a block and hide the others in css?
  24. Does LESS have an “extend” feature?
  25. What is the difference between :before and ::before?
  26. How to skip first child?
  27. How to select all elements whose ID starts and ends with specific strings?
  28. selector for nth nested elements
  29. Sass and rounding down numbers. Can this be configured?
  30. SASS calculate HSL Difference between 2 colours

Leave a Comment