Sass变量中的伪元素？答案

【问题标题】：Pseudo elements in Sass variable?Sass变量中的伪元素？
【发布时间】：2014-06-11 18:01:45
【问题描述】：

我可以使用伪元素在 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

谢谢！

【问题讨论】：

标签： variables sass pseudo-element

【解决方案1】：

变量必须是特定类型（字符串、整数、长度、颜色等），没有“选择器”类型。如果你需要一个变量来包含一个选择器，那么它需要被引用并被视为一个字符串：

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

#{$firstLetter} {
  color: red;
}

【讨论】：