Criar classes variáveis

[rikaschmitt 54]

Bom dia pessoal.

 

Existe alguma forma de criar uma classe variável?

Exemplo:

<div class="marginTop50">texto</div>

O valor "50" é setado automaticamente e aplicado a margin-top.

No entanto, eu posso por qualquer valor "positivo" no final da classe, que ela vai reconhecer o valor e aplicar a margin-top.

<div class="marginTop11">
<div class="marginTop1241">
<div class="marginTop255">

No casso eu teria que criar uma classe para cada valor, mas eu queria algo automático.. Será que por jQuery dê pra criar isso?

 

 

---------------

 

Uma alternativa que me surgiu é usar uma classe para chamar o css que quero "marginTop" ou "marginBottom", e usar uma tag "data" dentro da div, nisso, o jQuery verifica a classe e o valor dentro da "data" e aplica o css. Certo?

[William Bruno 1501]

Não, "classe automática" não existe.

 

Com o atributo data, vc consegue sim, as note que ai estará colocando estilo inline.

<div data-margin-top="241"></div>

depois q teu js ler, vai virar:

 

<div data-margin-top="241" style="margin-top: 241px;"></div>

Pergunta: para que isso ?

[rikaschmitt 54]

É que vou ter várias variações de margins.. e só estava tentando achar um jeito mais "rápido" para isso.

[jgustavo99 85]

Olá Amigo... Você pode usar data em Javascript para capturar o valor do margin-top ou então usar o atributo style para adicionar um stilo diferente para cada DIV... Exemplo:

<div style="margin-top:241px;"></div>

Espero ter Ajudado ;)

[rikaschmitt 54]

Sim, eu fiz esse esquema com data e jquery, mas como nosso colega William disse, não tem sentido fazer.

Resolvi criar classes para cada margin mesmo.

 

Valeu!