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

    CSS: cambio colore sull'hover in diversi stili

    ciao a tutti, avrei un quesito da farvi:

    Se io creo un class per il sottomenu cosi:

    .sottomenu{
    font-size: 9px;
    COLOR: #8B8989;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;

    }

    Poi gli creo quello per i link:

    A.sottomenu:link{font-size: 9px; COLOR: #8B8989; text-decoration: none;}
    A.sottomenu:visited{font-size: 9px; COLOR: #8B8989; text-decoration: none;}
    A.sottomenu:active{font-size: 9px; COLOR: #8B8989; text-decoration: none;}
    A.sottomenu:hover{font-size: 9px; COLOR: #F18AAF; text-decoration: none; }

    Ora, poniamo che io abbia x sottomenu tutti colorati diversamente, devo ricreare ogni volta tutti questi stili anche se cambia solo il colore?
    Oppure c'è un modo per dirgli guarda che è tutto uguale, ma l'hover è diverso?

    Grazie a tutti!!!!

  2. #2
    Utente di HTML.it L'avatar di miki.
    Registrato dal
    Oct 2004
    Messaggi
    1,918
    anche se è preferibile definire tutte le pseudoclassi, puoi fare anche così

    A.sottomenu{font-size: 9px; COLOR: #8B8989; text-decoration: none;}
    A.sottomenu:hover{COLOR: #F18AAF;}
    You cannot discover new oceans unless you have the courage to lose sight of the shore

    Caro Dio, quando nelle preghiere ti chiedevo di far morire quel pedofilo truccato, liftato,mentalmente disturbato e di colore indefinibile, non intendevo Michael Jackson.

  3. #3
    Non hai capito la mia domanda.
    Non chiedevo come diminuire il codice fatto, bensi se era possibile evitare di scrivere ad esempio:

    sottomenu 2 (identico al primo)
    E poi
    sottomenu 2 hover
    sottomenu 2 link (eccetera), dato che l'unica cosa che cambia è il colore dello stato hover!

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.