Eu tenho algum HTML que teria elementos com várias classes e preciso atribuí-los dentro de uma regra, de modo que as mesmas classes possam ser diferentes em contêineres diferentes. Digamos que tenho isso no meu CSS:
.border-blue {
border: 1px solid blue;
}
.background {
background: url(bg.gif);
}
Então eu tenho isso no meu HTML:
<div class='border-blue background'>Lorum Crap No-one Cares About Ipsum</div>
Posso direcioná-los em uma única regra? Assim, por exemplo, que sei que não funciona:
.border-blue, .background {
border: 1px solid blue;
background: url(bg.gif);
}