Très court astuce: la polyvalence des classes CSS

nei fogli di stile CSS. La plupart des experts savent déjà, mais je me suis souvent demandé quelle est la différence entre class et id dans les CSS. , è la possibilità di usare classi multiple. Un aperçu de certaines différences et les avertissements peuvent être trouvés sur la classe et l'ID en CSS , cependant, une fonction utile qui distingue class d' id , c'est la capacité d'utiliser plusieurs classes. Par exemple vous pouvez définir:

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}

et écrire le code HTML:

1
2
"bordoNero coloreRosso" > Bordo nero con caratteri rossi < / div > < div class = "bordoNero coloreRosso"> noir avec lettrage rouge Bord </ div >
"bordoRosso coloreRosso" > Bordo rosso con caratteri rossi < / div > < div class = "bordoRosso coloreRosso"> bordure rouge avec lettrage rouge </ div >

, può contenere al suo interno più definizioni in qualsiasi sequenza! class , contrairement à l' id , il peut contenir en son sein de multiples définitions dans n'importe quel ordre!

3 commentaires à "truc très court: la polyvalence des classes CSS"

  1. 11 novembre 2008 Francis Gaven :

    Utile de combiner avec plus de fonctionnalités tout en économisant sur votre code layout : D
    C'est probablement l'une des caractéristiques de CSS que j'utilise le plus.

  2. 11 novembre 2008 Giovambattista Fazioli :

    @ Francis Gaven: Je suis d'accord! Et dire que c'est encore assez inconnu pour beaucoup :)

  3. 22 février 2009 Andy :

    J'ai ouvert un nouveau monde ... oo

Laisser un commentaire

XHTML TAG PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CODE D'INSERTION:
 <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 


Arrêtez SOPA