Navegadores no reconocen id de un li

[Salome]

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

[kseso?]

Eso nos pada a todos por utilizar una clase/id que comienza por un número.
No se puede.

Llámelo id="uno" y verá la diferencia.

Ref: librosweb.es

[Salome]

Y si es número y algo más, es decir un 1A por ejemplo?

[kseso?]

Iniciado por kseso?

Eso nos pada a todos por utilizar una clase/id que comienza por un número.
No se puede.

Llámelo id="uno" y verá la diferencia.

Ref: librosweb.es

[Salome]

Ah!! perdon... creo que por eso pregunto...

asi que si es A1 si, ya no estaria comenzando, es que debo dejar el 1, 2 ó 6 eso viene por programación no tengo como cambiarlo, pero si puedo concatenarle algo más.

[kseso?]

Iniciado por Salome

Ah!! perdon... creo que por eso pregunto... <- nah! fallo mío. Fue un comentario muy gris. No le di color, jejeje

asi que si es A1 si, ya no estaria comenzando, es que debo dejar el 1, 2 ó 6 eso viene por programación no tengo como cambiarlo, pero si puedo concatenarle algo más. <- El error es entonces del programador. Así que debería ser él, sea quien sea, el que se coma el marrón y hacerlo bien.

[Salome]

Ok, gracias... igual me toca probar para ver si funciona concatenarle un nombre con el id porque el id es identificador único y númerico.

Les contaré.

[kseso?]

Sólo por curiosidad:
?cuál es la razón o necesidad de aplicar a cada li un id en el html?

[Salome]

Listo funciona!!

La razón es que al diseñador del producto, se le ocurrió que dependiendo de la opción iba a llevar un diseño diferente, y estas opciones se ingresan por un administrador de contenido, es dinámica, asi que puede tener información o id diferente.

[Sirius381]

Hola, perdon que me meta, pero no podria el programador hacer un case para que según la opción enviara el numero en letras? Algo como:

case(1)
{
String var = "uno";
}

Algo parecido, es solo una sugerencia, me pareció interesante lo que necesitas, un saludo!!

[Salome]

No, resulta que el id es generado por base de datos y las opciones del menú pueden variar, hoy son 5 mañana 6 y luego pueden borrarse o editarse... asi que la opción que hoy es 1 mañana puede ser la 2 porque ingresé algo más y asi...

Entonces lo único que hicimos fué concatenar el nombre del menú + id y ya estuvo, ya los css funcionan correctamente.

[kseso?]

Pues espero que no sean demasiados los id.

¿Ha reparado que debido a la variabilidad de ellos va a tener un menú arco iris que cambia de una ocasión a otra?
Lo que ahora es rojo-amarillo-verde....azul después puede que sea amarillo...magenta-rosa y más tarde rojo-azul...rosa.

Esto es, se perderá la uniformidad y congruencia de su web de una visita a la siguiente.
Para que comprenda mejor lo que digo:
imagínese que en este foro en función de no se qué variables las franjas que siempre son verdes y azules cambiasen aleatoriamente (desde el punto de vista del visitante) a rojas/negras, amarillo/caoba... Sin entrar en el efecto de si "pegan" o no la combinación de lo colores que "toquen".

Todo lo anterior dicho porque es viernes.

[Salome]

jajajaja sólo porque es viernes, está bien...

Es por el tipo de proyecto, es un desarrollo a la medida en un CMS donde la información se obtiene de listas de contenido, y esta información puede variar por el tipo de negocio, por marketing etc etc. No es que el sitio cambie de forma porque si o de diseño porque si, es por sus reglas de negocio.

Igual, no tenia ni idea que los id númericos los css no los reconocian O_O, de hecho en unos navegadores si, en otros no, pero todo resuelto.

Gracias a tod@s.