Hola a tod@s
Estoy haciendo un diseño para que se vea en diferentes navegadores, resulta que "pinto" un menú cuyas opciones son dinámicas, por tanto su id es dímaco, quedando el html de la siguiente manera:
Código HTML:
<div id="contenedor">
<ul >
<li id="1"> opcion 1 </li>
<li id="2"> opcion 2 </li>
<li id="6"> opcion 3 </li>
<li id="7"> opcion 4 </li>
<li id="4"> opcion 5 </li>
</ul>
</div>
Entonces de esas opciones yo conozco el id, y requiero que a un id de ese menú se le agregue un borde de un color.
Lo hago, y va bien en explorer, pero en mozilla y en chrome es como si el id no lo reconociera como si no supiera por css que es #1, #2, #6
Así está el estilo
Código:
#contenedor #1 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #DF1362;
}
Alguien sabe que puede ser o a alguien ya le ha pasado...
Gracias a tod@s
