Qual è la sintassi `& ::` in LESS CSS?

Question

Ho cercato su Twitter bootstrap e sono imbattuto in alcune sintassi e io non so che cosa fa:

Da buttons.less:

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

Qual è il &:: in &::-moz-focus-inner per?

So che il & è per un 'selector genitore' e che una : fa parte della sintassi per un selettore pseudo come :hover, ma quello che è il secondo : per?

Ps. Ho anche cercato un riferimento alla sintassi LESS ma non riesco a trovare alcuna documentazione su LESS oltre alla pagina su lesscss.org. Non c'è documentazione per MENO se non quella pagina?

Answer 1

CopyPaste da

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

Il doppio colon sostituito i selettori singolo colon per pseudo-elementi in CSS3 per fare una distinzione esplicita tra pseudo-classi e pseudo-elementi. Per compatibilità con le versioni precedenti, la sintassi dei due punti del colon è accettabile per i selettori pre-CSS3. Quindi,: dopo è una pseudo-classe e: dopo è uno pseudo-elemento.

Questo :: notation (doppia notazione dei due punti) è stato introdotto dal W3 in per "stabilire una discriminazione tra pseudo-classi e pseudo-elementi . Per compatibilità con i fogli di stile esistenti, gli agenti utente devono anche accettare la notazione a un colon precedente per gli pseudo-elementi introdotti nei livelli CSS 1 e 2 (vale a dire: prima riga, : prima lettera,: prima e: dopo). Questa compatibilità non è consentita per i nuovi pseudo-elementi introdotti nel livello 3 di CSS. "Per ulteriori informazioni su , visitare W3.