Múltiplos valores de Classes

[KaKarotto]

Olá o/

Não sei o que acontece, mas em meados do Natal começou a me aparecer várias idéias, e no desenvolvimento de algumas delas surgiram "sub-assuntos" que eu não sei se são de conhecimento de vocês.

Eu estava montando um microformato para um projeto ao mesmo tempo server-side e client-side (Ajax) e precisava usar mais de um valor para algumas classes. Mas é possível? É sim, muitas vezes não pensamos nisso porque usamos id´s e classes variadas para projetos de layout e na maioria das vezes bastam.

Porém, quando precisa fazer um microformato padronizado, precisa utilizar essa técnica.

<style type="text/css">
 div.dimensao{
 width:200px; 
 height:200px;
 }

 div.bordas{
 border:2px solid blue
 }

 div.fundo{
 background:#eee
 }
 </style>

Nesse código, eu defino 3 classes diferentes para divs. Se eu quiser aplicar as 3 de uma vez em um objeto, basta usar a sintaxe:

<div class="dimensao bordas fundo"></div>

Todas as classes separadas por espaço. Como eu disse, isso é usado muito em microformatos, mas você pode organizar as classes do seu site usando um sistema um pouco mais elaborado com essa técnica. Também é outra forma de usar herança com Css.

Não sabe o que são microformatos?

Leitura recomendada:

- Revolução Etc : Microformatos

- Tableless » O que são Microformatos com Tantek Çelik<h2 class="r"></h2>

[hipnos na area]

nossa muito bom mesmo isso, não sabia dessa aplicação

varias classes no mesmo ELEMENTO

seria quase como uma Classe(manipulação de objetos)

;)