[webaccessibile] Child selector

Federico frugnale a gmail.com
Ven 12 Maggio 2006 15:06:21 CEST


Monica Carlino wrote:
> Ho questo codice html:
>
> <ul id="nav">
>       <li>Home</li>
>       <li>Servizi
>            <ul>
>                 <li>Design</li>
>                 <li>Sviluppo</li>
>            </ul>
>       </li>
>       <li>Contattaci</li>
>  </ul>
>
> E questo CSS:
>
> #nav > li {font-weight:bold;}
>
>
> In Firefox dovrebbe visualizzarmi in grassetto solo i <li> direttamente 
> figli di <ul id="nav">, invece mi visualizza tutto in grassetto.
> Secondo voi dov'è l'errore? Ciao.
>   
L'errore sta nella tua interpretazione.
Il contenuto dell' LI "servizi" è tutto in grassetto perché così gli hai 
detto in quella regola.

Ti basta fare così:
li {font-weight:normal;}
#nav > li {font-weight:bold;}






Maggiori informazioni sulla lista webaccessibile