Sehr kurze Trick: Vielseitigkeit von CSS-Klassen

nei fogli di stile CSS. Die meisten Experten wird schon wissen, aber ich werde oft gefragt, was ist der Unterschied zwischen class und id in der CSS. , è la possibilità di usare classi multiple. Ein Überblick über einige Unterschiede und Warnhinweise auf der Dose gefunden werden Klassen-und ID in CSS , aber eine nützliche Funktion, unterscheidet class von id ist die Möglichkeit, mehrere Klassen verwenden. Zum Beispiel können Sie definieren:

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}

und schreiben Sie den HTML:

1
2
"bordoNero coloreRosso" > Bordo nero con caratteri rossi < / div > < div class = "bordoNero coloreRosso"> schwarz mit rotem Schriftzug Kante </ div >
"bordoRosso coloreRosso" > Bordo rosso con caratteri rossi < / div > < div class = "bordoRosso coloreRosso"> Red Grenze mit roter Schrift </ div >

, può contenere al suo interno più definizioni in qualsiasi sequenza! class , im Gegensatz zu den id , kann es darin enthalten mehrere Definitionen in beliebiger Reihenfolge!

3 Kommentare zu "Sehr kurze Trick: Vielseitigkeit von CSS-Klassen"

  1. 11. November 2008 Francis Gaven :

    Nützlich, um mit mehr Funktionen kombinieren und sparen auf Ihrem Layout-Code : D
    Es ist wahrscheinlich eines der Merkmale von CSS, die ich am häufigsten verwenden.

    Antwort zitieren
  2. 11. November 2008 Giovambattista Fazioli :

    @ Francis Gaven: Ich bin damit einverstanden! Und wenn man bedenkt, dass noch recht unbekannt, viele :)

    Antwort zitieren
  3. 22. Februar 2009 Andy :

    Ich öffnete eine neue Welt ... oo

    Antwort zitieren

Hinterlasse einen Kommentar

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