css - selectors - sass: primer hijo no trabaja
sass<& amp_> (3)
Creo que es mejor (para mi experiencia) usar:: :first-of-type :nth-of-type() :last-of-type . Se puede hacer con un pequeño cambio de reglas, pero pude hacer mucho más que con *-of-type , que con *-child selectores.
No he usado SASS por mucho tiempo y quería saber si hay algunos problemas con los pseudo-elementos como :first-child o ¿ :last-child ?
En primer lugar, todavía hay navegadores que no son compatibles con esos pseudo-elementos (es decir: primer hijo,: último hijo), por lo que tiene que "lidiar" con este problema.
Hay un buen ejemplo de cómo hacer que funcione sin utilizar pseudo-elementos:
- Ver el ejemplo del tubo divisor.
Espero que haya sido útil.
Si bien @Andre tiene razón en que hay problemas con los pseudo elementos y su soporte, especialmente en navegadores antiguos (IE), el soporte está mejorando todo el tiempo.
En cuanto a su pregunta, ¿hay algún problema? Yo diría que realmente no he visto ninguno, aunque la sintaxis del pseudo-elemento puede ser un poco complicada, especialmente cuando lo analiza por primera vez. Asi que:
div#top-level
declarations: ...
div.inside
declarations: ...
&:first-child
declarations: ...
que compila como uno esperaría:
div#top-level{
declarations... }
div#top-level div.inside {
declarations... }
div#top-level div.inside:first-child {
declarations... }
No he visto ninguna documentación sobre esto, excepto por la afirmación de que "sass puede hacer todo lo que css puede hacer". Como siempre, con Haml y SASS la sangría lo es todo.