2022-12-21 @at-root

중첩을 사용하고 있다가 중첩을 벗어나고 싶을 때 @at-root 를 사용한다.

.frame {
padding: 20px;
border: 1px solid #000;
text-align: center;
@at-root .heading {
color: palevioletred;
font-size: 36px;
font-weight: normal;
}
}

컴파일 결과----------------------------------------------------

.frame {
padding: 20px;
border: 1px solid #000;
text-align: center;
}
.heading {
color: palevioletred;
font-size: 36px;
font-weight: normal;
}