CSS add more properties to class

Question

This might be a noob question, but I'm trying to search by terms like "CSS add more propertiers to existent class"; "Add CSS properties to class"; etc and I can't find what I'm looking for.

Imagine I have this:

.ui-bar { color: red }

Now I want to extend this property, but continue with the same color red.

.ui-bar-margin { margin-top: 10px; }

How can I accomplish this? If you want, you can point me links or terms to search for.

Thanks!

I've tried to adapt without success. http://jsfiddle.net/mXjHJ/383/ — user3065191, Dec 23 '13 at 12:27
Like @AlexK. mentioned, you probably want LESS http://lesscss.org/ or Sass http://sass-lang.com/. CSS itself doesn't allow inheritance like you're looking for. — StackExchange What The Heck, Dec 23 '13 at 12:43
Interestingly, though, today I came across this link: "Variables are coming to CSS" http://css-tricks.com/abstraction-in-web-languages-and-variables-and-stuff/ — StackExchange What The Heck, Dec 23 '13 at 14:48

score 0 · Answer 1 · answered Dec 23 '13 at 12:11

0

You just do it like this... Here's a lot of examples.

.ui-bar {
    color: red;
    margin-top: 10px;
    background: white;
    width: 300px;
    display: block;
    text-align: left;
}

answered Dec 23 '13 at 12:11

CRABOLO

8,605
39
41
68

That's not what I'm looking for. See my answer above. – user3065191 Dec 23 '13 at 12:28

CSS add more properties to class

1 Answers1