Sass 변수의 의사 요소?

Question

의사 요소를 사용하여 Sass에서 변수를 선언 할 수 있습니까? 내 변수가 목록 항목 내에서 주어진 문자열의 첫 번째 문자가되도록합니다. 내 감시자가 오류를 던지고 컴파일하지 않습니다.

말대꾸 :

$firstLetter: li::first-letter 


=newItem ($firstLetter) 
    $m 
    @extend %liStyle 
    @if $firstLetter == "m" 
     background-color: #3a495c 
     color: white 
     box-shadow: 0 3px 0 #14bbb1 
     display: list-item 
     font-family: sans-serif 
     font-size: .889em 
     border: 1px solid #ebeaec 
    &:hover 
     box-shadow: 0 3px 0 #ffdc00 
    &:active 
     box-shadow: 0 3px 0 #d86969 

감사합니다!

Answer 1

변수는 특정 유형 (문자열, 정수, 길이, 색상 등)이어야하며 "선택자"유형이 없어야합니다. 선택기를 포함 할 변수가 필요한 경우에는 따옴표를 사용하여 문자열로 처리해야합니다.

$firstLetter: "li::first-letter"; 

#{$firstLetter} { 
    color: red; 
}