Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    460

    [CSS] Domanda semplice su ereditarieta'

    Ciao a tutti, ho una domanda facile facile riguardo i CSS.

    Supponiamo che io abbia una classe cosi' definita:

    codice:
    .classePadre { border: solid 1px black;
                   background-color: white }
    Voglio fare una classe figlia che prende tutti gli attributi del padre e ne modifica alcuni e ne implementa altri, qualcosa del tipo:

    codice:
    .classeFiglia extends .classePadre { background-color: red;
                                         padding: 3px; }
    la classeFiglia dovrebbe avere bordo nero da 1 px, sfondo rosso e padding di 3, ereditando il bordo, override dello sfondo, e definizione nuovo attributo padding.

    Come faccio a dichiarare la seconda, se e' possibile fare una cosa del genere?
    There are 10 types of people in the world - those who understand binary and those who don't.

  2. #2
    non c'è problema, tu crei le due classi, quella padre completa, e quella figlio successiva a quella padre, con gli attributi modificati.
    Poi impotizzando che vai a modificare un paragrafo inserisci

    codice:
    <p class="padre"> Questo paragrafo ha classe padre</p>
    <p class="padre figlio"> Questo paragrafo ha classe figlio, ma eredita i parametri di padre</p>

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    460
    Questo e' gia' non male ma non so se mi basta, avrei preferito potere specificare direttamente nella classe come avevo pensato. E' l'unico modo di farlo funzionare ?

    Ovviamente gli attributi vengono sovrascritti da sx verso dx no (prima applica tutti quelli di padre e poi tutti quelli di figlio etc da sx verso dx)?
    There are 10 types of people in the world - those who understand binary and those who don't.

  4. #4
    no, vengono stampati in base a come li definisci nel foglio stile.
    GLi ultimi sostituiscono i primi.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.