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

    Conflitto fra effetti :hover e :link

    Salve, ho un file css così:
    codice:
    a:hover{color:#000;}
    a:link{color:#fff;}
    Hover e link non fanno riferimento a nessuna classe o id, quindi influenzano tutta la pagina. Il mio problem è che successivamente ho una classe e un id che agiscono su più elementi, e devono cambiare il colore al testo, ma invece non riescono a cambiarlo.
    Se però cancello il css postato, e ricarico la pagina mi ritrovo con la stile cambiato come volevo.
    Come posso fare a vedere l'effetto delle classi e dell'id che richiamo?
    Ecco le classi richiamate:
    codice:
    #b a:hover{color:red;}
    .c a:hover{color:yellow;}
    ,ecc con a:link
    I colori e i nomi sono solo indicativi, e non metto altro perchè questo è l'unico conflitto generato, comunque "#b" e ".c" vengono ignorati a meno che non cancelli il primo css che ho postato. Sapreste spiegarmi il perchè?

  2. #2
    c'è un problema di forma ( :hover e :link sono in ordine inverso)
    e probabilmente anche un problema di "selector's specificity"
    ma senza conoscere tutto l'html è impossibile dirl
    direi che è meglio se mostri un link funzionante così qualcuno ti può aiutare

  3. #3
    l'ordine giusto per creare le proprieta' di seudoclassi
    e' LOVE/HATE

    a:link ,
    a:visted {
    /*tua regola css*/
    }

    a:hover ,
    a:active {
    /*altra regola css*/
    }

    #b a:link ,
    #b a:visted {
    /*tua regola css*/
    }

    #b a:hover ,
    #b a:active {
    /*altra regola css*/
    }
    In questo ordine il browser li interpreta correttamente, anche nel caso di nested link .
    ?

  4. #4
    Mi ero scordato di aver aperto questa discussione.
    Comunque ho risolto, c'era un'altro file css con la stessa formatazione che interveniva dopo e mi cambiava la formattazione originale, quinid la l'elemento subita due cambiamenti anzichè uno.

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.