Visualizzazione dei risultati da 1 a 7 su 7

Discussione: una sintesi del css

  1. #1
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379

    una sintesi del css

    Ho diversi div a cui assegnare lo stesso stile:
    codice HTML:
    primo caso:
    #zgfb_1 > .sfdc-container-fluid  { !important; background-image: url(sfondo/9.png);background-repeat: repeat; !important;}#zgfb_2 > .sfdc-container-fluid  { !important; background-image: url(/sfondo/9.png);background-repeat: repeat; !important;}#zgfb_3 > .sfdc-container-fluid  { !important; background-image: url(/sfondo/9.png);background-repeat: repeat; !important;}
    
    secondo caso:
    #rockfm_1 .rockfm-heading { width:100%; padding: 15px;}#rockfm_2 .rockfm-heading { width:100%; padding: 15px;}#rockfm_3 .rockfm-heading { width:100%; padding: 15px;}
    esiste un modo per assegnare a diversi div un unico stile, senza doverli ripetere separatamente?
    ho provato così ma non funziona:

    codice HTML:
    primo caso:
    #zgfb_1, #zgfb_2,#zgfb_3 > .sfdc-container-fluid  { !important; background-image: url(sfondo/9.png);background-repeat: repeat; !important;}
    
    secondo caso:
    #rockfm_1,#rockfm_2,#rockfm_3 .rockfm-heading { width:100%; padding: 15px;}

  2. #2
    Semplicemente basta uno spazio tra le classi...
    codice:
    .navbar-light .navbar-nav .nav-link { color: #077d31; text-decoration: none; font-weight: bold; }

  3. #3
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379
    Quote Originariamente inviata da Gas75 Visualizza il messaggio
    Semplicemente basta uno spazio tra le classi...
    codice:
    .navbar-light .navbar-nav .nav-link { color: #077d31; text-decoration: none; font-weight: bold; }
    avevo provato anche con lo spazio fra le classi, ma anche così non funziona

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Lo spazio indica il selettore discendente. Nel tuo caso va usata la virgola.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  5. #5
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Lo spazio indica il selettore discendente. Nel tuo caso va usata la virgola.
    ho provato sia con la virgola, sia con la virgola seguita da spazio, ma niente.

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ogni gruppo di selettori deve essre separato da virgola (che ci siano poi spazi o ritorni a capo, prima o dopo la virgola, non cambia in questo caso).

    codice:
    /*primo caso:*/
    #zgfb_1 > .sfdc-container-fluid ,
    #zgfb_2 > .sfdc-container-fluid ,
    #zgfb_3 > .sfdc-container-fluid {background-image: url(sfondo/9.png); background-repeat: repeat;}
    
    /*secondo caso:*/
    #rockfm_1 .rockfm-heading ,
    #rockfm_2 .rockfm-heading ,
    #rockfm_3 .rockfm-heading {width: 100%; padding: 15px;}
    .
    Occhio anche a come hai usato la clausola !important, non va scritto come valore a se stante ma andrebbe inserito alla fine del valore stesso definito per la proprietà a cui vuoi dare priorità.
    Esempio:
    codice:
    #elemento {
       background: url(pic.png) repeat !important;
       color: red;
       padding: 5px 10px !important;
    }
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  7. #7
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379
    Ora funziona, KillerWorm grazie per le correzioni e i suggerimenti extra (sempre graditi).

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 © 2025 vBulletin Solutions, Inc. All rights reserved.