John Johnson es perfecto. Debe comprender que el orden es una forma en que CSS interpreta los selectores de una manera direccional (padre> hijo> childOfChild).
Por ejemplo, ‘div li’ significaría todo li dentro de un div. No seleccionará un li que esté fuera de un div. Por el contrario, `li div` significaría un div dentro de un li y solo divs que están dentro de un elemento li.
No hay selectores primarios en CSS, por lo que es seguro asumir una jerarquía unidireccional. Hay algunas reglas interesantes como div + p, donde + designa no un hijo sino un ap adyacente e inmediatamente después de un div (por lo tanto, no una relación padre-hijo), pero de nuevo, en casos como este sería diferente de ap + div que significaría un div que sigue inmediatamente a una p.
- ¿Se usa Ruby para algo más que Rails y aprendizaje?
- ¿Qué tipo de CMS necesito, si hay alguno?
- ¿Freecodecamp cubre PHP, y por qué / por qué no?
- ¿Cuál es el significado del contexto en la programación?
- Cómo agregar a un menú desplegable de WordPress
Lo bueno es que, si te gusta el desarrollo web, los selectores son bastante estándar en todas las tecnologías. Obviamente los has encontrado usados en jQuery. Pero también usa selectores en JS nativo. `document.querySelectorAll (” cssSelector “)`. Muchas bibliotecas que manipulan el DOM también usarán esta notación estándar y le permitirán pasar selectores de cadena que luego utilizarán de alguna manera. Por lo tanto, vale la pena conocer cómo funcionan los selectores.
Aquí hay una lista clásica de 30 selectores CSS que debe memorizar que, si puede conocerlo de manera sólida, lo ayudará en muchas aplicaciones diferentes.