CSS concatenation

is it possible to concatenate in the css file ???

Actually, some other ways would be:

1)

#someid
{
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}
.someclass
{
  background-color: #F1F1F1;
}
<span id="someid" class="someclass">Some text...</span>


2)

p
{
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}
p.someclass
{
  background-color: #F1F1F1;
}
<p class="someclass">Some text...</p>


3)

styles1.css:
font.someclass
{
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

styles2.css:
@import (styles1.css)
font.someclass
{
  background-color: #F1F1F1;
}

<link rel="stylesheet" type="text/css" href="styles1.css" />
<font class="someclass">Some text...</font>

Hope that helps ^_^

-- Jeex

Each declaration in a style sheet is a rule.  The rules can be accessed and modified with script.

NOTE:  If you put an id on the style tage you can reference it as: document.styleSheets['someid'] but the rules have to be referenced by the index number; so it is necessary to know the possition of the rule you want to change in the stylesheet
function modRule()
{
     if (!document.styleSheets) return;
     var mycss = new Array();
     if (document.styleSheets[0].cssRules)  // Mozilla
        {
        mycss = document.styleSheets[0].cssRules;
        }
     else
        {        
           mycss = document.styleSheets[0].rules;  // IE
        }
     mycss[5].style.fontSize = '12pt';
}
The way the value is set is non-standard.  The standard calls for:

     document.styleSheets[5].cssRules[1].style.setProperty('color','red',null);

But that is not widly support; is wonky where it is supported, and is more difficult.  I prefer the simple way.


Cd&

How could that work? What if the classes have different fonts, colors, alignments?

The second class cascades over the first and has priority.  Sort of like what happens when you put a:visited after a:hove in the declarations.  It will work that way but you have to be careful, and it makes it more difficult to maintain; especially if the two classes are coming from external stylesheets.

Cd&

The example given by deschesp does not have any conflicting declarations in both classes.

I forget where I first came across calling two (or more) classes together (might have been here: http://dhtmlnirvana.com/content/classmulti/cssmulti1.html).. but I have used it a lot since I found it, and it does save a lot of code.

This question has been classified abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.

<note>
Unless it is clear to me that the question has been answered I will recommend delete.  It is possible that a Grade less than A will be given if no expert makes a case for an A grade. It is assumed that any participant not responding to this request is no longer interested in its final disposition.
</note>

If the user does not know how to close the question, the options are here:
http://www.experts-exchange.com/help/closing.jsp


Cd&