κληρονομικοτητα

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kat_sm
Δημοσιεύσεις: 27
Εγγραφή: 19 Σεπ 2009 00:25

κληρονομικοτητα

Δημοσίευση από kat_sm » 08 Ιαν 2012 14:11

Οι ιδιοτητες css κληρονομούνται απο ενα γονικο στοιχειο σε ολους τους απογονους η' μονο στα θυγατρικα στοιχεια?

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

κληρονομικοτητα

Δημοσίευση από apsuh0s » 08 Ιαν 2012 17:00

Οι ιδιότητες κληρονομούνται σε όλα τα descendant elements. Για παράδειγμα

Κώδικας: Επιλογή όλων

<div>
<p>Hello <em>world</em></p>
</div>

Κώδικας: Επιλογή όλων

div &#123;color&#58;red;&#125;
Το αποτέλεσμα θα είναι:

Hello world

Φαντάσου πως σε άλλη περίπτωση θα έπρεπε να γράψεις:

Κώδικας: Επιλογή όλων

p&#123;color&#58;red;&#125;
p em &#123;color&#58;red;&#125;


με αποτέλεσμα να δημιουργούνται μεγάλα css αρχεία και ταυτόχρονα δύσκολα στη συντήρηση.

Ωστόσο, δεν κληρονομούνται όλες οι ιδιότητες. Αν το σκεφτείς είναι λογικό διότι σε αντίθετη περίπτωση ο σχεδιαστής θα έπρεπε να "απενεργοποιεί" ανεπιθύμητες ιδιότητες οι οποίες περάσαν σε όλους τους απογόνους πράμα το οποίο θα είχε τα ίδια αποτελέσματα με την παραπάνω πρόταση.

Επομένως αυτό που πρέπει να κάνεις είναι να μάθεις ποιες ιδιότητες κληρονομούνται και κάνουν τη ζωή μας ευκολότερη και από την άλλη, ποιες δεν κληρονομούνται.
.ninja { color: black; visibility: hidden !important; }

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

κληρονομικοτητα

Δημοσίευση από panosru » 08 Ιαν 2012 17:09

Το em είναι όμοιο του i (italic) δε κάνει το κείμενο bold αλλά πλάγιο, οπότε το

Κώδικας: Επιλογή όλων

<div><p>Hello <em>world</em></p></div>
θα είχε αυτό το αποτέλεσμα:
Hello world
Τελευταία επεξεργασία από το μέλος panosru την 09 Ιαν 2012 18:41, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

κληρονομικοτητα

Δημοσίευση από apsuh0s » 08 Ιαν 2012 17:13

Έχεις δίκιο.
.ninja { color: black; visibility: hidden !important; }

kat_sm
Δημοσιεύσεις: 27
Εγγραφή: 19 Σεπ 2009 00:25

κληρονομικοτητα

Δημοσίευση από kat_sm » 08 Ιαν 2012 18:28

thanks !!

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες