Truque muito curto: versatilidade das classes CSS

nei fogli di stile CSS. A maioria dos especialistas já sabem, mas muitas vezes me perguntam qual é a diferença entre class e id no CSS. , è la possibilità di usare classi multiple. Uma visão geral de algumas diferenças e avisos podem ser encontrados na Classe e ID em CSS , no entanto, um recurso útil que distingue class de id , é a capacidade de usar várias classes. Por exemplo, você pode definir:

1
2
3
border : 2px solid #000 } . BordoNero {border: 2px solid # 000}
color : #f00 } . ColoreRosso {color: # f00}
border : 2px solid #f00 } . BordoRosso {border: 2px solid # f00}

e escrever o HTML:

1
2
"bordoNero coloreRosso" > Bordo nero con caratteri rossi < / div > < div class = "bordoNero coloreRosso"> preto com letras vermelhas Borda </ div >
"bordoRosso coloreRosso" > Bordo rosso con caratteri rossi < / div > < div class = "bordoRosso coloreRosso"> border vermelho com letras vermelhas </ div >

, può contenere al suo interno più definizioni in qualsiasi sequenza! class , ao contrário do id , ele pode conter no seu interior várias definições em qualquer ordem!

3 comentários para "Muito curto truque: versatilidade das classes CSS"

  1. 11 nov 2008 Francis Gaven :

    Útil combinar com mais recursos ao salvar em seu código de layout : D
    É provavelmente uma das características da CSS que eu mais uso.

  2. 11 nov 2008 Giovambattista Fazioli :

    @ Francis Gaven: Concordo! E pensar que ainda é bastante desconhecido para muitos :)

  3. 22 de fevereiro de 2009 Andy :

    Abri um novo mundo ... oo

Deixe um comentário

XHTML PERMIT TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CÓDIGO DE INSERÇÃO:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL