Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    185

    tag <ul> e <li> e proprietà ereditate

    Dunque ho un codice così formato:

    codice:
    <ul>[*]Item 2.0
      <li class='current'>Item 2.1
        <ul>
        <li class='prova'>Sub Item 2.1.1
        <li class='prova'><>Sub Item 2.1.2
        <li class='prova'><>Sub Item 2.1.3
        <li class='prova'><>Sub Item 2.1.4[/list]
    Il css è:

    codice:
    ul .current a{
    color: white;
    }
    
    
    ul li ul li a{
    display: block;
    color:#A79787;
    }
    
    ul li ul li.prova{
    color:#A79787;
    }
    Non capisco perchè il testo dei link racchiuso dai tag <li class='prova'> prende il colore bianco, anzichè il #A79787 specificato nella classe css dedicata.
    Dove sbaglio?

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Hai 2 possibilità:

    1)Devi darlo direttamente ai link figli di prova attraverso la discendenza.

    ul .current a{
    color: white;
    }
    ul li ul li.prova a{
    display: block;
    color:#A79787;
    }

    2)Dichiari gli stati del link, l'hover nn l'ho dichiarato perchè nn so come vuoi impostarlo.

    ul .current a{
    color: white;
    }
    ul li ul li a:link,
    ul li ul li a:visited
    {
    display: block;
    color:#A79787;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    185
    Originariamente inviato da gengix
    Hai 2 possibilità:

    1)Devi darlo direttamente ai link figli di prova attraverso la discendenza.

    ul .current a{
    color: white;
    }
    ul li ul li.prova a{
    display: block;
    color:#A79787;
    }
    Grazie. Perfetto, ho usato questo metodo.
    Solo una cosa: Non ho capito perchè devo darlo ai link figli e non semplicemente al tag[*] nel quale richiamo la classe.

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    il tuo è un problema di peso e specificità delle dichiarazioni.

    Nella prima dichiarazione scrivi le regole di un link figlio di un genitore a cui hai attribuito una classe.
    Mentre nelle dichiarazioni successive cerchi di cambiare il colore dei link antenati del primo attraverso dei selettori.
    La classe ha un peso di specificità maggiore del semplice selettore e quindi vince l'attributo del genitore.
    Dichiarando invece ul li ul li.prova a li metti sullo stesso piano.

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    185
    Originariamente inviato da gengix
    il tuo è un problema di peso e specificità delle dichiarazioni.

    Nella prima dichiarazione scrivi le regole di un link figlio di un genitore a cui hai attribuito una classe.
    Mentre nelle dichiarazioni successive cerchi di cambiare il colore dei link antenati del primo attraverso dei selettori.
    La classe ha un peso di specificità maggiore del semplice selettore e quindi vince l'attributo del genitore.
    Dichiarando invece ul li ul li.prova a li metti sullo stesso piano.
    Grazie, molto utile.
    Anche se... me la dovrò rileggere un paio di volte questa cosa prima che mio entri in testa. ;-)

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.