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
    299

    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
    299
    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
    4,714
    Lo spazio indica il selettore discendente. Nel tuo caso va usata la virgola.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  5. #5
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    299
    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
    4,714
    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;
    }
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  7. #7
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    299
    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 © 2020 vBulletin Solutions, Inc. All rights reserved.