¿Cuál es la sintaxis `& ::` en LESS CSS?

Question

He estado buscando en Twitter arranque y se encontró con una sintaxis y no sé lo que hace:

De buttons.less:

button.btn, 
input[type="submit"].btn { 
    &::-moz-focus-inner { 
    padding: 0; 
    border: 0; 
    } 

Cuál es el &:: en &::-moz-focus-inner para?

Sé que el & es para un 'selector de padres' y que una : es parte de la sintaxis de un pseudo selector como :hover, pero lo que es la segunda : para?

Ps. También he estado buscando una referencia de sintaxis LESS pero no puedo encontrar ninguna documentación acerca de LESS que no sea la única página en lesscss.org. ¿No hay documentación para LESS aparte de esa página?

Answer 1

CopyPaste de

http://www.evotech.net/blog/2007/05/after-v-after-what-is-double-colon-notation/

Los dos puntos dobles sustituye los selectores de un solo colon para pseudo-elementos en CSS3 para hacer una distinción explícita entre pseudo-clases y pseudo-elementos. Para compatibilidad con versiones anteriores, la sintaxis de un punto de es aceptable para los selectores anteriores a CSS3. Entonces: después de es una pseudo-clase y :: after es un pseudo-elemento.

Esta :: notación (notación doble colon) fue presentado por el W3 en fin de “establecer una discriminación entre pseudo-clases y pseudo-elementos. Para compatibilidad con las hojas de estilo existentes, los agentes del usuario también deben aceptar la notación de un punto anterior para pseudoelementos introducidos en los niveles CSS 1 y 2 (a saber,: primera línea, : primera letra,: antes y después) Esta compatibilidad no está permitida para los nuevos pseudoelementos introducidos en el nivel 3 de CSS. "Para obtener más información sobre , visite W3.