Truque CSS desconhecido
Postado por: Pedro Rogério emA um mesmo elemento podemos designar distintas classes da seguinte maneira:
<div class="primeira segunda terceira">…</div>
As classes devem ser declaradas dessa forma, separadando com espaço os nomes dos seletores podemos aplicar quantas classes quisermos ao mesmo elemento. Você conhecia esse truque? Conte-me aqui a sua experiência!
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
conhecia, na verdade descobri isso com o dreamweaver, quando fui ver minha div contia duas classes, boiei.. mais dai apartir dali vi que funcionava.
Mais nunca vi algum artigo sobre isso.
Eu não sabia…
Seria legal um artigo sobre isso!!!
E se uma duas classes alteram a mesma propriedade,fica valendo a definição da ultima que aparece?
O interessante disso é que você pode fazer combinações de classes, formando um conjunto de nomenclaturas coerentes para a hora de desenvolver o html, por exemplo:
CSS:
.texto{font-family:Verdana}.menu{font-size:12px; float:left;}
.conteudo{font-size:14px; color:#CCC; text-align:justify;}
dai no HTML, para formatar a área de texto que vai no conteúdo:
Aqui o texto para o conteudo do site
Assim pode-se determinar que os textos serão sempre na fonte Verdana, mas você poderá configurar multiplos pontos onde serão inseridos os textos, atribuindo para cada ponto, um estilo diferente.
opa, a formatação HTML não aparece, pois ela foi renderizada na hora de publicar, mas no “Aqui o texto para o conteudo” é só aplicar um: class=”texto conteudo”
Opa!
Essa eu nao sabia ein =)
O Grande problema é que o o class não tem semântica alguma. Nós temos que dar um significado à ela. Acho muito mais semântico declarar as regras diretamente na linha de código declarando os elementos e pseudo-elementos.
Nunca usei, mas se for pela lógica, o último seletor declarado no arquivo css, é que será de mais importancia. nesse caso, se o seletor anterior deve ter uma propriedade em destaque, creio eu que deve-se usar o !important;
Abraços
Eu já conhecia, não me lembro onde eu descobri isso, mas já vi até o mestre dizer que não existia forma de usar duas classes…
Nunca usei também.
Já vi várias vezes, utilizarem ID e classe ao mesmo tempo, portanto não sei se encaixaria nesse perfil também.
eu tb ja tinha visto, mas nao cheguei a utilizar.
tem grande utilidade, principalmente em criação de layouts com cantos arredondados
valeu!
poxa cara, bem lembrado, acho que são poucos que sabem usar,
eu usei em um código meu, onde precisava para fazer a famosa ‘gambiarra’ hehehe…
mas muito bom ;_)
Muito bom!
mais uma q não sabia!
[...] Mais: http://www.pinceladasdaweb.com.br/blog/2006/09/18/truque-css-desconhecido/ [...]
[...] Mais: Pinceladas da Web [...]
Vlw! Vai me economizar algumas DIV’s !
Eu não sabia. Fiquei sabendo porque fui pesquisar justamente por estar precisando aplicar duas classes num mesmo elemento. Achei fantástica essa possibilidade, tanto que estou desenvolvendo um site onde essa técnica me poupou muito trabalho e deixou meu CSS super limpo.
Só preciso fazer uns testes e desobrir, no caso de aplicar duas classes que informam um mesmo parâmetro com valores diferentes, qual parâmetro será aplicado.
Muito interessante, gostei dessa dica, não havia tentado isso.
Busquei no Google pra tomar conhecimento se havia essa possibilidade e caiu no site do Pinceladas, muito boa essa dica ai.
Estou criando um site novo, já há tempos que o meu está muito feio.