Truco muy corto: la versatilidad de clases CSS

nei fogli di stile CSS. Mayoría de los expertos ya saben, pero a menudo me preguntan cuál es la diferencia entre class y id de la CSS. , è la possibilità di usare classi multiple. Una visión general de algunas diferencias y las advertencias se pueden encontrar en la clase y la identificación de CSS , sin embargo, una característica útil que distingue a class de id , es la capacidad de utilizar varias clases. Por ejemplo, puede 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}

y escribir el código HTML:

1
2
"bordoNero coloreRosso" > Bordo nero con caratteri rossi < / div > < div class = "bordonero coloreRosso"> color negro con borde letras rojas </ div >
"bordoRosso coloreRosso" > Bordo rosso con caratteri rossi < / div > < div class = "bordoRosso coloreRosso"> borde rojo con letras rojas </ div >

, può contenere al suo interno più definizioni in qualsiasi sequenza! class , a diferencia de id , que puede contener en su interior múltiples definiciones en cualquier orden!

3 comentarios para "engañar muy corto: la versatilidad de las clases CSS"

  1. 11 de noviembre 2008 Francis Gaven :

    Útil para combinar con más funciones mientras que el ahorro en el código de diseño : D
    Es 's probablemente una de las características de CSS que más utilice.

  2. 11 de noviembre 2008 Giovambattista Fazioli :

    @ Francisco Gaven: Estoy de acuerdo! Y pensar que todavía es bastante desconocido para muchos :)

  3. 22 de febrero 2009 Andy :

    Me abrió un mundo nuevo ... oo

Deja un comentario

XHTML PERMISO TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <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