Φωτογραφία Ελένη Μοχιανάκη
class και id
από Ελένη Μοχιανάκη - Friday, 6 February 2009, 8:39 PM
 
Θα ήθελα να μου εξηγήσει κάποιος την διαφορά αυτών των δύο... διαβάζω την θεωρία αλλά δεν καταλαβαίνω ακριβώς πότε χρησιμοποιώ το ένα και πότα το άλλο, γι αυτό αν γίνετε μαζί με την επεξήγηση να μου δ'ωσετε ένα παράδειγμα ή οτιδήποτε άλλο θα μου ξεκαθαρήσει την διαφορά πρακτικά...

ευχαριστώ
 
Φωτογραφία Δημήτρης Παπακωνσταντίνου
Απάντηση: class και id
από Δημήτρης Παπακωνσταντίνου - Saturday, 7 February 2009, 6:53 PM
 

to class sto css dhlwnetai ws ekshs:

.class1 {border:0};

meta sto html mporeis auto to class na to dwseis OPOU Theleis se opoiodhpote tag px:    <p class=class1>

to id einai diaforetiko . sto css to dhlwneis etsi

#newid {border:0;background-color:red;} klp/....

meta sto html gioa na dhlwseis to id pou thes

table id="newid"

OMWS ....efoson exeis dwsei ena id mporeis ean tgheleis MESA SE AUTO TO ID na kathorizeis pws tha emfanizetai h paragraphos sou ta grammata ta links klp...

px ean exeis kathorisei genika sto site h paragraphos sou na einai kokkinh sto css : px

p {color:red}

mporeis sto newid na kathoriseis i paragradfos na fainete mple XWRIS OMWS NA anagkazesai na dineis ena kainourgio class sthn paragapho. me liga logia to id sou epitrepei na theseis mia mnea perioxi sto site sou sthn opoia mporeis na allazeis tis idothtes tou keimenou twn links klp px:

#newid {border:0;background-color:red;} klp/....

etsi ean thes mesa edw h paragrahpos n einai mple polu apla grafris sto css

#newid p {color:blue} 

me to class den mporeis na kaneis kati tetoio giati dhlwnete me .   mporeis na to xrhsimopoihseis se opoiodhpote tag theleis alla den mporeis na exeis "sygxwneysh"

ama exeis kamia apo ria pes

Φωτογραφία Ελένη Μοχιανάκη
Απάντηση: class και id
από Ελένη Μοχιανάκη - Saturday, 7 February 2009, 7:28 PM
 
κατσε να σου πω αν κατάλαβα... τι κατάλαβα...
ορίζουμε γενικά με class....
αλλά αν δεν θέλουμε πχ η h2 της 4ης σελίδα σου να ορίζετε απο το css του class που έχεις δώσει (π.χ οτι όλες οι h2 να είναι κόκκινες), τότε ορίζεις id για την h2 της συγκεκριμένης σελίδας και την κάνεις το άλλο χρώμα που θες (πχ μπλε)...
κατάλαβα ή όχι;
Δημήτρη με δυσκολεύουν τα greeklish που γράφεις...
σε ευχαριστώ
Φωτογραφία Δημήτρης Παπακωνσταντίνου
Απάντηση: class και id
από Δημήτρης Παπακωνσταντίνου - Monday, 9 February 2009, 12:38 AM
 

καταρχην αντι να βαλεις class για να μην κουραζεσαι γραφεις στο css

h2 {color:red;} oλε οι κεφαλιδεσ τωρα ειναι κοκκινε οποτε δεν χρειαζεσαι κλαση

τωρα εαν θελεις σε καποιοα σελιδα σου να εμνφανιζεται η κεφαλιδα μπλε τοτε γραφεις στο css

#blue {color:blue;}

και πας στο αρχειο html που θελεις και γραφεις

h2 id="blue"

ομως ας υποθεσουμε οτι στην σελδια σου εχεις πχ.... 4 τμηματα μενου υπομενου, κορυφη και footer...

εαν λοιπον εχεις θεση στο css  h2 {color:red;}  τοτε ΠΑΝΤΑ ΟΙ ΚΕΦΑΛΙΔΕΣ ΘΑ ΕΙΝΑΙ ΚΟΚΚΙΝΕΣ,. Τ ι κανεις λοιπον? πολυ απλα...... στο αρχειο css καθοριζεις τις διαστασεις του μενου χρησιμοποιωντας id kai oxi class px:

#menu {width:160px;background-color:"ffffff"};

theleis loiπον τωρα εσυ ΜΟΝΟ ΜΕΣΑ ΣΤΟ ΜΕΝΟΥ Η ΚΕΦΑΛΙΔΑ ΣΟΥ ΝΑ ΕΙΝΑΙ ΜΠΛΕ ΚΑΙ ΟΧΙ κοκκινη..... για να μην κουραζεσαι λοιπον και γεμιζεις το css me class γιατι το class ΔΕΝ ΜΠΟΡΕΙ ΝΑ ΠΑΡΕΙ ΕΜΦΩΛΈΥΜΕΝΕς ΙΔΙΟΤΗΤΤΕΣ ..ΕΝΩ ΤΟ ID MΠΟΡΕΙ...

καθοριζεις λοιπον ΜΕΣΑ ΣΤΟ ΜΕΝΟΥ ΜΟΝΟ η κεφγαλιδα να ειναι μπλε γραφεις λοιπον κατ απο την προηγουμενη γραμμη:

#menu h2 {color:blue};

τωρα λοιπον αμα βαλεις μια κεφαλιδα στο μενου αυτοματα θα σου βγει μπλε χωρισ να χρειαστει να της βαλεις class

auta :)