aplicar um estilo div em uma label de um certo produto.

[douglasdeodato 2]

ola galera, gostaria de saber se tme algum plugin ou como eu posso aplicar um layout diferente para apenas a label daquele produto.

 

exemplo: na home page mostra 4 produtos ok?

 

entao 3 produtos seguem o layout padrao tipo eu falo a div padrao ok? no quarto produto ou div 4 ele ira abri a mesma div desenvolvida para o layout o mesmo box, so que devido eu ter escolhido uma categoria tipo: brasileira, esse produto ira apresentar abaixo dessa div a bandeira do brasil.

 

voces entenderam o que estou querendo dizer?

 

aguardo repostas obrigado.

 

[Fogomax 1]

Cara, eu não entendi muito não.

Se quiser usar as divs com as mesmas configurações no CSS por exemplo, mas quiser mudar algumas coisas e ainda manter essas configurações, use Classes.

Um exemplo:

 

CSS:

#main_div {
    margin-top:10px;
    margin-left:10px;
    color:#006666;
}

#main_div .br {
    background-image:url(../brasil.gif);
}

#main_div .fr {
    background-image:url(../franca.gif);
}

#main_div .en {
    background-image:url(../estadosunidos.gif);
}

 

No html podemos usar:

<div id="main_div" class="br">Brasil!</div>
<div id="main_div" class="fr">França!</div>
<div id="main_div" class="en">Estados Unidos!</div>

 

Esse código da os códigos de margin para todas as divs, mas como especificamos uma classe, ela ganhar novas regras, então fica com um background diferente.

 

Não sei se essa foi sua dúvida, mas tomara que seja a solução para sua pergunta. :lol:

[Eduiagami 1]

Olá amigo,

você tem a sua disposição a propriedade do CSS3 nth-child.

Onde você seleciona um elemento na arvore de elementos pela sua posição especifica.

 

Ex:

HTML

<div>Um</div>
<div>Dois</div>
<div>Tres</div>

 

CSS

div:nth-child(3){

}

 

abraços