Co wybiera selektor "&"?

Question

W kodeku this znajduje się selektor css &:hover co ten selektor pasuje?

Answer 1

Uważam, że znak ampersand jest funkcją Sass. Od docs:

Referencing Parent Selectors: &

Czasami jest to przydatne w użyciu wybieraka zagnieżdżonej nadrzędnego przymiarów w innych sposobów niż domyślny. Na przykład możesz chcieć mieć specjalne style , gdy ten selektor jest zawieszony nad lub dla elementu body o pewnej klasie. W takich przypadkach można jednoznacznie określić, gdzie selektor nadrzędny powinien zostać wstawiony przy użyciu znaku & .

Answer 2

Dokładnie. W Sass można mieć coś takiego ...

div { 
    background: green; 

    p { 
     background: red; 

     &:hover { 
      background: blue; 
     } 

     &:active { 
      background: blue; 
     } 
    } 
} 

... co po przeliczeniu na CSS stałby się w ten sposób:

div { 
    background: green; 
} 

div p { 
    background: red; 
} 

div p:hover { 
    background: blue; 
} 

div p:active { 
    blue; 
} 

Edycja: od & zawisu: do &: hover

Answer 3

Jednym z mniej popularnych zastosowań jest dodanie ampersand na końcu stylu, aby selektor nadrzędny stał się dzieckiem.

np

h3 
    font-size: 20px 
    margin-bottom: 10px 

.some-parent-selector & 
    font-size: 24px 
    margin-bottom: 20px 

staje

h3 { 
    font-size: 20px; 
    margin-bottom: 10px; 
    } 

    .some-parent-selector h3 { 
    font-size: 24px; 
    margin-bottom: 20px; 
    } 

można przeczytać więcej o & użytku tutaj

http://thesassway.com/intermediate/referencing-parent-selectors-using-ampersand