Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

robson_macedo

semantica de css

Recommended Posts

alguem sabe se é possivel fazer estilos de forma prática tipo semantica da seguinte forma:

 

.meuestilo { font-size: 3px; color: #999999;}

 

criei um estilo beleza.

 

so que eu quero que esse estilo funcione para varios spans beleza?

 

.meuestilo .meuestilo2 .meuestilo3 { font-size: 3px; color: #999999;}

 

mas o que eu queria era uma regra que fizesse com que por exemplo o estilo .meuestilo4 pegasse aquelas configurações menos a fonte que seria 5px por exemplo.....

 

mas isso tudo na mesma classe, sacou?

 

fui claro? ou embolei todo mundo?rs

 

abraço a todos e obrigado.. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para aplicar atributos ao mesmo estilo, você aplica virgula depois do nome do nome do estilo (classe ou id).

 

.meuestilo, .meuestilo2, .meuestilo3 { font-size: 3px; color: #999999;}OU#meuestilo, #meuestilo2, #meuestilo3 { font-size: 3px; color: #999999;}

Para aplicar o um atributo a um estilo.

Você pode aplicar duas vezes o nome do estilo no CSS.

 

Da uma olhada no código fonte dessa página do (Invision Board), que você terá exemplo reais de como fazer isso, o site do htp://www.maujor.com.br também é um fonte boa de informação.

Compartilhar este post


Link para o post
Compartilhar em outros sites

voce pode aplicar varias classes para um mesmo elemento da seguinte forma

 

font3px { font-size: 3px; }fontArial { font-family: Arial, Verdana, Tahoma, sans-serif;fontBold { font-weight: bold; }

<span class="font3px fontArial fontBold">Teste</teste>

<span class="font3px fontBold">Teste</teste>

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN

Compartilhar este post


Link para o post
Compartilhar em outros sites

voce pode aplicar varias classes para um mesmo elemento da seguinte forma

 

font3px { font-size: 3px; }fontArial { font-family: Arial, Verdana, Tahoma, sans-serif;fontBold { font-weight: bold; }
<span class="font3px fontArial fontBold">Teste</teste>

<span class="font3px fontBold">Teste</teste>

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN

<{POST_SNAPBACK}>

Putz valeu cara era isso mesmo que eu queria saber...D+

 

obrigado ao Douglas tb .. vou da uma olhada la nos códigos.....

 

abraço ..... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.