Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Singola media query per piu elementi

    @media (min-device-width: 1024px) {
    li.span6.list-item-2{
    height: 10px !important;
    }
    }

    @media (min-device-width: 1024px) {
    li.span6.list-item-1 {
    height: 10px !important;
    }
    }



    Queste due media query hanno lo stesso stile css ma si riferiscono a due elementi diversi, qual è la sintassi giusta per racchiuderle in una sola media query? Perche ho provato varie combinazioni ma senza successo.
    Grazie

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Oltre ad utilizzare un'unica media query, dato che per i due diversi selettori stai specificando la stessa regola, puoi sintetizzare il tutto così:
    codice:
    @media (min-device-width: 1024px) {
      li.span6.list-item-2,
      li.span6.list-item-1{
        height: 10px !important;
      }
    }
    Se non ottieni il risultato sperato è possibile che questo dipenda da altre cause. Nel caso bisognerebbe vedere il contesto in cui utilizzi questo codice.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Oltre ad utilizzare un'unica media query, dato che per i due diversi selettori stai specificando la stessa regola, puoi sintetizzare il tutto così:
    codice:
    @media (min-device-width: 1024px) {
      li.span6.list-item-2,
      li.span6.list-item-1{
        height: 10px !important;
      }
    }
    Se non ottieni il risultato sperato è possibile che questo dipenda da altre cause. Nel caso bisognerebbe vedere il contesto in cui utilizzi questo codice.
    funziona perfettamente, il mio errore era dovuto al fatto che usavo ";" invece di ",".
    grazie ancora

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.