scss - sass tutorial

¿Qué significa "> ul" en SASS?

Question

Aquí está la parte del código SASS:

#main-nav{
>ul{
blahblah
}
}

Entonces, ¿quiero saber el significado exacto de la cadena "> ul"? No puedo encontrarlo en el manual de SASS.

Además, ¿se puede traducir a stylus?

Answer 1

Esta es la sintaxis CSS para seleccionar el elemento secundario de un elemento. Consulte esta referencia para obtener más información sobre cómo funciona:

Este selector combina todos los elementos que son hijos inmediatos de un elemento especificado. El combinador en un selector de niños es un signo mayor que (>). Puede estar rodeado de caracteres en blanco, pero si lo está, Internet Explorer 5 en Windows lo tratará incorrectamente como un selector descendente. Entonces, la mejor práctica es evitar el espacio en blanco alrededor de este combinador.

Answer 2

#main-nav {
> ul {
color: red;
}
}

Lo mismo en CSS:

#main-nav > ul { color: red }

Acerca de > selector se puede leer aquí http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/ (# 8)