안녕하세요 sass 수강하던 도중 질문이 있습니다 !

중첩사이에서 중첩을 해제시키고 싶은 클래스명에 @at-root을 쓰라고 하셨는데요

.article{

display:flex;

justify-content : flex-end;

 .article-content{

font-size:14px;

 @at-root i  {

  opacity :0.5;

}

이 부분에서 그냥

.article{

display:flex;

justify-content : flex-end;

 .article-content{

font-size:14px;

}

i {

opacity:0.5

} 

이렇게 중첩 안시키면 되지않을까요? at-root을 사용하는

이유가 조금 애매하게 이해됩니다.