Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154

    Eliminare effetto link:visited dai CSS...

    Ciao ciao,
    come faccio a fare in modo che anche se un link è già stato visitato, mi si attivi comunque l'effetto link:hover? Con link:visited vincolo il testo linkato ad un determinato colore, e se lo elimino il browser me lo sottolinea e lo spara di colore viola.
    Si può far 'sta cosa?
    Grazie,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    definisci solo
    codice:
    a {
     /* css */
    }
    a:hover {
     /* css */
    }
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  3. #3
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154
    Si, funzia.
    Se il CSS lo si imposta così:

    a:link {
    /* css */
    }
    a:hover {
    /* css */
    }

    ecco che i link si colorano di viola e vengono sottolineati. Qui il mio errore.
    Grazie,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

  4. #4
    Qualcosa del genere...

    codice:
    a {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FFFFFF;
    }
    
    a:hover {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FF0000;
    }
    
    a:visited {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FFFFFF;
    }

  5. #5
    Originariamente inviato da Scorpion69
    Qualcosa del genere...

    codice:
    a {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FFFFFF;
    }
    
    a:hover {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FF0000;
    }
    
    a:visited {
        font-family: tahoma;
        font-size: 12px;
        text-decoration: underline;
        color: #FFFFFF;
    }
    qua c'è un errorino, in quanto nelle pseudoclassi l'ordine è molto importante.. :visited deve venire prima di :hover..

    io in genere faccio così

    codice:
    a, a:visited{...}
    
    a:hover{...}
    così stabilisco il medesimo stile per lo stato normale e visitato, e un altro per lo stato hover!


  6. #6
    Perchè deve venire prima?? :master:

  7. #7
    La prima risposta che mi viene è: perché sì!!!

    http://www.w3.org/TR/CSS21/selector....seudo-elements

    Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.
    è una questione di stati e di come viene letto il CSS (il precdente viene sovrascritto dal successivo a pari grado di specificità)..



  8. #8
    Scusate... non lo sapevo...

  9. #9
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per definire i css dei link si usa la tecnica del LoVe/HAte (amore e odio ) ovvero

    a
    a:link
    a:visited
    a:hover
    a:active


    nel caso la pseduoclasse :focus va tra hover e active
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  10. #10
    non male!! LoVe/HAte, non lo sapevo ma sarà utilissimo!

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.