¿Hay que evitar los selectores anidados?

[Linton]

Me han recomendado evitar los selectores anidados en CSS, es decir, reglas para ul li ul por ejemplo. Tengo tres preguntas:

1. ¿Es cierto que puede generar problemas en HTML5?

2. En caso afirmativo, ¿qué tipo de problemas?

3. ¿Qué se recomienda entonces para esos elementos?

GRacias, un saludo.

[kraneok]

Está claro que cuando mas largo sea un selector, mas comprobaciones tiene que hacer el CSS en el DOM para ver a quien corresponde las reglas de CSS.
De todos modos, yo creo que no es un gran inconveniente el hacer eso, e incluso, si me apuras, en ocasiones es algo bueno, pues da robustez al código CSS, dejando claro quien es afectado por algo y quien no.

[Zeromm]

Estoy seguro que no te recomendaron no usar selectoreas anidados, lo más seguro es que te recomendaron que esas anidaciones no sean muy largas, y para eso tienes los "id" y las "class".

[Linton]

Gracias a los dos.

Zeromm, me desaconsejaron incluso algo tan habitual como ul li {}

[pzin]

ul li {} es desaconsejable pero no por anidar, sino por no ser muy preciso. Eso afectaría a todas las listas. Más lógica sería nav#global ul li {} por ejemplo.

De todas formas, no es algo por lo que te debas preocupar demasiado, la diferencia entre usar largos o cortos, de forma práctica, no afecta a nada.

Yo te aconsejo que el primer elemento de tu selector sea algún identificador, y cuando más simples puedas mantener los selectores mejor, pero tampoco sin obsesionarte.

[Zeromm]

ul li {} es desaconsejable pero no por anidar, sino por no ser muy preciso.

Si, pero no por eso es desaconsejable. El "ul li{}" es la mejor forma de aplicarle estilos a todas las listas de la web. Es decir, es un selector que no es aconsejable ni desaconsejable, si entendemos "desaconsejable" como algo negativo claro.

[Linton]

A ver, no estoy diciendo que me aconsejaran dejar los selectores sin ninguna identificación, sino que debe evitarse a toda costa incluso algo (tan frecuente repito) como ul li.
Se sobreentiende que entonces habremos de dar id o class a cada ul Y a su correspondiente parentela de li.

[Zeromm]

a ver. Si quieres que todos los <li> de tu web tengan un mismo estilo, no hace falta que los llames mediante "ul li{}"... con "li{}" es suficiente, y les aplicas estilos.

Si quieres dar estilos distintos a varios <li>, si, les añades una clase o un id y les aplicas los estilos a esa clase o id, sin necesidad de añadir ningún "ul" delante ni ningúna anidación a mayores.

[Linton]

Ya sé cómo se hace, mi única duda es si alguien más participa de ese recelo por los selectores anidados

[kraneok]

Iniciado por Linton

Ya sé cómo se hace, mi única duda es si alguien más participa de ese recelo por los selectores anidados

Yo no veo ningún incoveniente en hacer esas cosa, pues para eso se llaman selectores, para seleccionar..xD

[Linton]

Claro, pero eso no implica que sea recomendable seleccionar varios de forma escalonada