selector avanzado

[MandrakeXP]

hola, tengo este código html:

Código HTML:

<div id="principal">
<ul>
<li><span><a id="actual" href="#">link 1</a></span></li>
<li><span><a href="#">link 2</a></span></li>
<li><span><a href="#">link 3</a></span></li>
</ul>
</div> 

y este css:

Código:

#principal ul li{..............}
#principal ul li:hover{}

#principal ul li span a{........}
#principal ul li span a:hover{.......}

y todo ok de momento


2 preguntas:

1º. Qué selector debo de usar para definir el estilo del <li> dentro del <ul> que tenga id="actual"

Código:

he probado #principal ul li #actual

pero no funciona

y 2º: Quiero acceder a :
#principal ul li span a:hover pero que <li> tenga id="actual"




he probado muchas combinaciones pero no surge :(

gracias

[DragonX]

y porque no solo defines .actual y luego en tu HTML

Código HTML:

<div id="principal">
<ul>
<li><span class="actual">link 1</span></li>
<li><span><a href="#">link 2</a></span></li>
<li><span><a href="#">link 3</a></span></li>
</ul>
</div> 

Creo que con esto estarías más que bien

[MandrakeXP]

eso vale pero mmm lo otro queda más estructurado ....

[DragonX]

Ademas de quedar seleccionado, no tiene link.

Vos buscas que tenga link, pero que quede "seleccionado"??

[MandrakeXP]

la respuesta a la primera pregunta es esto:
#principal ul li#actual{.......} (sobraba el espacio entre li y #actual)


pero para la segunda pregunta no tengo nada aún :(

[Nathan_1979]

Algo más sencilo

http://woork.blogspot.com/2008/03/pe...using-css.html


Salu2!