Economizar código

[AndrePipoca 0]

Olá amigos do Imasters!Tenho uma dúvida rápida sobre economia de código css, procurei nos foruns e não consegui resolver o meu problema...é bem simples:Tenho uma determinada class (de link) e quero fazer outra com os mesmos estilos, porém com o fundo diferente. É possivel usar a mesma class mudando apenas o fundo, sem copiar todo o código 2x?.titulos a{ background-image: url(imagens/marcadorTit.gif); background-repeat: no-repeat; background-position: left; display: block; padding-left: 10px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; color: #095c78; text-decoration: none;}

[vicoluis 0]

cara, ve se te ajuda

http://www.ajaxbox.com.br/ajaxBox.Materia/...utra-class.html

[AndrePipoca 0]

Seria isso mesmo cara porém estou usando um class para link ".titulos a" como ficaria no css?Asssim?.titulos a, titulos2 a {

[Poe 0]

Eu já até imagino o que você queira fazer com esses titulos. ;)

 

 

Bom, estude um pouco de semântica para web e de Webstandard.

 

Utilize H1, H2, H3 e afins para títulos, formando uma hierarquia de conteúdo. Bom, acho que você entenderá ao ver os links.

 

Mas no caso aí, de simplificar seu código, olha:

 

titulos a:link /* é indicado você colocar :link para pegar todos os links que você fez, daí você coloca :hover para o mouseover, :visited para visitado, :active para ativo. é uma forma inteligente de gerenciar as propriedades da tag A */{

background: url(imagens/marcadorTit.gif) left no-repeat;

display: block;

padding: 0 0 0 10px;

margin: 0 0 0 5px;

font-family: Arial, Helvetica, sans-serif;

font-size: 0.7em;

font-weight: bold;

color: #095c78;

text-decoration: none;

}

 

Abraço.

 

Poe

[AndrePipoca 0]

Eu já uso isso, só queria colocar carateriticas especiais no "a" dessas class. "titulos" é um nome qualquerEntendeu?

[daniloprates 0]

Tente isso:

 

.titulos1 a, .titulos2 a{background-image: url(FUNDO 1);background-repeat: no-repeat;background-position: left;display: block;padding-left: 10px;margin-left: 5px;font-family: Arial, Helvetica, sans-serif;font-size: 0.7em;font-weight: bold;color: #095c78;text-decoration: none;}.titulos2 a{background-image: url(FUNDO 2);}

[AndrePipoca 0]

Extato!, Obrigado amigo...