Parent element να κληρονομεί από child. Γίνεται;

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

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

Απάντηση
Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Parent element να κληρονομεί από child. Γίνεται;

Δημοσίευση από Sermac » 13 Αύγ 2011 13:34

Μπορεί άραγε ένα parent element να κληρονομήσει στυλ από το child element του;

Παράδειγμα:

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

<!DOCTYPE html>
<html>
    <head>
        <title>Set parent element size from child. Is it posible?</title>
        <style type="text/css">
            .img-thumb &#123;
                width&#58;50px;
                height&#58;50px;
                line-height&#58;0;
            &#125;
            .img-thumb img &#123;
                max-height&#58;50px;
            &#125;
        </style>
    </head>
    <body>
        <div class="img-thumb">
            <div class="img-wrapper">
                <img src="http&#58;//www.freestuff.gr/images/header/fs_logo.jpg" alt="" title="Image size&#58; 250x107" />
            </div>
        </div>
    </body>
</html>
Θα μπορούσε το img-wrapper να πάρει το width του img αυτόματα για κάθε πιθανό img;

Μόνο με js φαντάζομαι. :think:
Εικόνα

Άβαταρ μέλους
jjim50
Δημοσιεύσεις: 48
Εγγραφή: 02 Φεβ 2009 15:37
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Parent element να κληρονομεί από child. Γίνεται;

Δημοσίευση από jjim50 » 18 Αύγ 2011 14:11

CSS property "width: auto;" για το γονικό div μου φαίνεται ότι θα κάνει το κόλπο.
Αν και κανονικά η συμπεριφορά του γονικού div (χωρίς εφαρμοσμένους κανόνες css) είναι να προσαρμόζεται στο περιεχόμενο.
www.cobaltblue.gr - Φιλικό hosting, πρωτότυπη εξυπηρέτηση.

Απάντηση

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

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

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