Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    selettore :hover a più ID

    Salve ragazzi, domandona..... capita spesso di dover applicare un :hover a diversi id.
    es.

    codice:
    #socials #fb a{
    	background:url(images/etcetc) no-repeat center top;
    }
    #socials #youtube a{
    	background:url(images/etcetc) no-repeat center top;
    }
    #socials #itunes a{
    	background:url(images/etcetc) no-repeat center top;
    }
    #socials #twitter a{
    	background:url(images/etcetc) no-repeat center top;
    }
    se volessi applicare a tutti quanti il selettore a:hover, c'è un modo pratico per evitare di ripetere la stringa per tutti e 4?

    effettivamente potrei definire:

    codice:
    #fb a:hover, #youtube a:hover, #twitter a:hover, #itunes a:hover{
    }
    ma c'è un modo più veloce?

    grazie!

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    codice:
    #socials a:hover{
    	...
    }
    potresti anche avere #social a {background-repeat: no-repeat; background-position: center top}

    e poi sui singoli link solo l'immagine di background

  3. #3
    potresti magari usare le CLASSI xD

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Originariamente inviato da darkhero
    potresti magari usare le CLASSI xD
    a che pro usare una classe? ha link diversi che allo stato hover condivono delle impostazioni

  5. #5
    basta che in ogni link mette quella classe...cosi' modifica solo 1 codice (quello della classe).

    Se ho capito bene il problema, questa potrebbe essere una soluzione.

  6. #6

  7. #7
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Originariamente inviato da darkhero
    basta che in ogni link mette quella classe...cosi' modifica solo 1 codice (quello della classe).

    Se ho capito bene il problema, questa potrebbe essere una soluzione.
    la mia era una domanda retorica. Non ha bisogno di una classe, definisce direttamente i link contenuti nel div e chiedeva una soluzione per semplificare il codice

  8. #8
    Prill quello che dici tu , in questo caso, è la soluzione giusta.
    Ma il suo dubbio (al di fuori di questo problema specifico) era :

    capita spesso di dover applicare un :hover a diversi id.

    Questo ti porta ad usare le classi, non è detto che tutti quelli id siano nella stessa div...

  9. #9
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    darkhero, i suoi link sono tutti nello stesso div, che contiene tutte le iconcine coi collegamenti ai vari social network. E' ammirevole che si voglia dare aiuto agli altri, ma quando, e mi riferisco anche ad altre discussioni, ci sono già risposte, intervenire a ribadire le stesse cose, o intervenire con risposte che possono sviare è meno ammirevole

  10. #10
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    edit: duplicato

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 © 2026 vBulletin Solutions, Inc. All rights reserved.