Hola a todos:

Tengo definido el siguiente código CSS:

-------------------------------------------
#navcontainer {
        margin: 5px;
}

/* Opcion A */
#navcontainer > #navlist { 
        border-bottom: 1px solid #ccc;
        margin: 10px 0px 0px 0px;
        padding-bottom: 19px;
        padding-left: 10px;
        background-color: #787878;
}

/* Opcion B */
#navlist
{
        border-bottom: 1px solid #ccc;
        margin: 10px 0px 0px 0px;
        padding-bottom: 19px;
        padding-left: 10px;
        background-color: #BCE38F;
}
-------------------------------------------

Mi entención es conseguir el primer nodo DOM identificado con navlist se 
renderice con "Opcion A" y el resto, con "Opcion B".

-------------------------------------------
<div id="navcontainer">
        <ul id="navlist">
                <li><a href="#" id="current">Item one</a></li>
                <li><a href="#">Item two</a></li>
                <li><a href="#">Item three</a></li>
                <li><a href="#">Item four</a></li>
                <li><a href="#">Item five</a></li>
        </ul>
        <ul id="navlist">
                <li><a href="#" id="current">Item one</a></li>
                <li><a href="#">Item two</a></li>
                <li><a href="#">Item three</a></li>
                <li><a href="#">Item four</a></li>
                <li><a href="#">Item five</a></li>
        </ul>
</div>
-------------------------------------------

¿Qué está mal? La definición CSS? El selector ">" no está implementado en IE 
o Mozilla?

un saludo y gracias de antemano.

Manuel Recena

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a