CSS property value from class name

by

No it isn’t. The closest we have to this is the attr() function, but that only works within the content property:

figure::before {
  content: attr(data-before) ', ';
}

figure::after {
  content: attr(data-after) '!';
}
<figure data-before="Hello" data-after="world"></figure>

Perhaps one day this will be expanded so that we can use it elsewhere, but for now this isn’t possible.

Currently as I’m sure you’re aware if you want to be able to use the .mrg-t-X class, you’ll need to define separate style rules for each X you wish to allow:

.mrg-t-1 { ... }
.mrg-t-2 { ... }
.mrg-t-3 { ... }
...

More Related Contents:

  1. how do I make device specific selectors in css [closed]
  2. Is there a “previous sibling” selector?
  3. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  4. CSS selector for first element with class
  5. What does the “+” (plus sign) CSS selector mean?
  6. Is there a CSS selector by class prefix?
  7. How do I select an element based on the state of another element in the page with CSS?
  8. Does the order of classes listed on an item affect the CSS?
  9. Select all child elements recursively in CSS
  10. CSS “and” and “or”
  11. Using the last-child selector
  12. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  13. What is the difference between :focus and :active?
  14. Can I have multiple :before pseudo-elements for the same element?
  15. Are parentheses allowed in CSS selectors?
  16. What is the difference between pipe (|) and caret (^) attribute selectors?
  17. Can type selectors be repeated to increase specificity?
  18. The use of /deep/ and >>> in Angular 2
  19. Zebra striping a table with hidden rows using CSS3?
  20. Select nth-child across multiple parents
  21. Can I colour backgrounds of selected items in HTML select options with CSS only?
  22. LESS CSS: abusing the & Operator when nesting?
  23. CSS3 combining selectors with OR instead of AND
  24. Why doesn’t this CSS :not() declaration filter down?
  25. How to show the first N elements of a block and hide the others in css?
  26. What is the difference between :before and ::before?
  27. How to skip first child?
  28. How to select all elements whose ID starts and ends with specific strings?
  29. selector for nth nested elements
  30. Latest on CSS parent selector [duplicate]

Leave a Comment