Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    590

    selettore figlio diretto

    salve
    ho un elenco
    codice:
    <div class="child">
    <ul>[*]a[*]b[*]c[*]d
       <ul>[*]e[*]f[/list]
    [/list]</div>
    vorrei un bordo solo ai figli diretti dell'elenco "madre":
    in altre parole in
    a,b,c,d
    NON in e,f

    il selettore
    div.child ul > li{border:1px solid #000}

    non va bene perché seleziona tutti i[*], ma non va neanche
    div.child > ul li
    che non ne seleziona nessuno (eppure dovrebbe..)
    come posso fare?

    ps: non posso assegnare classi agli <ul>

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    590
    ho risolto con div.child > ul > li

    l'uovo di colombo

  3. #3
    Attenzione alla retrocompatibilità con IE!
    Potresti optare anche per una soluzione del tipo
    codice:
    div.child ul li {
        border:1px solid #000;
    }
    div.child ul ul li {
        border: none;
    }
    che è perfettamente compatibile.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

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.