Annidamenti: dove sbaglio?

[dantefoxfox]

Ciao ragazzi, ho sto css:

div#extra ul a:hover, div#extra p a:hover{
background: #EFEFEF;
border-bottom: 1px solid #BBBBBB;
}

E fin qui tutto bene, tutti i link che sono dentro un "ul" od un "p" nel div#extra me li sottolinea con un background grigiastro.
Il problema arriva quando nello stesso div(div#extra) voglio togliere sia il background che il border-bottom per i link:

div.split2 div ul li a:hover{border:none;}

Dove sbaglio?

[thomas_anderson]

Hai messo un <div> generico che potrebbe riferirsi a qualsiasi cosa.

[dantefoxfox]

Grazie per avermi risposto, ma non è come dici tu perchè il codice è:

<div class="split2">
 <div>
  <ul>[*]...				[*]...[*]...				[*]...		[/list]
 </div>
 <div>
  <ul>[*]...				[*]...[*]...		[/list]
 </div>
</div>

Alla fine ho scoperto cos'era che non andava
Il div split2 non deve essere un class ma un id, infatti se lo metto come div#split2 div ul li a:hover{border:none;}funziona, bene a sapersi

[seed_squall_it]

Solo una piccola osservazione che non riguarda il tuo problema precedente...ma i link che hai dentro gli elementi p e div sono di testo? Perché in questo caso sarebbe più corretto usare text-decoration: underline per la pseudoclasse a:hover piuttosto che border-bottom...