공간에 '&'를 사용하여 자식 선택기를 중첩하는 SCSS 구문은 무엇입니까?

Question

다음 선택기를 모두 사용하면 SCSS와 동일한 결과가 나타납니다. 사용되는 공통 표준은 다른 하나보다 선호된다는 의미입니까?

이이 사람의 선호도에 따라하면 나도 몰라, 또는 좋은 연습이 여러 개있는 & 기호를 사용하는 다른

// Example 1 
div { 
    & li:hover a { 
     background-color: yellow; 
    } 
} 
// Example 2 
div { 
    li:hover a { 
     background-color: yellow; 
    } 
} 

// Output 
div li:hover a { 
    background-color: yellow; 
} 

Answer 1

을 통해 하나를 사용하려면 정품 실제적인 이유가있는 경우 elements에 classes 또는 당신은 당신이 사용 title-thin, title-bold, title-regular, 같은 syntax 다음, 사용자 정의 classes을 가진 요소가 있습니다

.title{ 
    &-thin{ 
    ... 
    } 
    &-bold{ 
    ... 
    } 
    &-regular{ 
    ... 
    } 
} 

하위 요소의 경우 & 연산자를 사용하지 마십시오. 프로젝트에 참여할 수있는 일부 개발자의 오해가있을 수 있습니다.

기술적으로는 &을 공간과 함께 사용하여 자식 요소를 스타일링 할 수 있지만 아키텍처가 좋지 않습니다.