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;
}