CSS Class Color

[CygnusX]

I have a bit of CSS code that defines a basic color.  Something similar to:

.blue { color: #000099; }


Is there a way to reference this in a later part of my stylesheet?  I want to do something similar to:

#content .military .A1 { inherit .blue }

I'm sure there is something simple I missed along the way. 

[JGadrow]

Unless something new is in CSS3, you can't inherit styles from another selector. However you CAN include multiple classes on an element. Thus if you element was defined as:

Code: (html) [Select]

<div id="content">
    <div class="military">
        <a class="A1 blue">Text</a>
    </div>
</div>
Then it would benefit from both sets of classes. However, if the more specific rule contains a different value for a property declared in the less-specific selector, the more specific selector's value would override the less-specific one.

*Edit - minor grammar correction.

[Harkins]

CSS doesn't have a method for inheriting or including other bits of style. Either use multiple classes like JGadrow explained or use a higher-level language that compiles down to CSS like Sass.

[Nox]

Maybe more used recently is LessCSS (or it's implementation variant LessPHP)