Question

我已经看到某个地方能够使用*用于带有SASS的ID或类选择器......这样做的正确方法是什么？

例如，我想在父div中选择所有div id。我会想象这样的事情：

<div id="parent">
                <div id="sub1">
                    <div class="icon"></div>
                    <div class="content"></div>
                </div>
                <div id="sub2">
                    <div class="icon"></div>
                    <div class="content"></div>
                </div>

#parent {
   #* {
}}

Answer 1

您只能使用css选择器，例如：

#parent {
    div[id] {
      // styles
    }
}

或

#parent {
    div[id^='sub'] {
      // styles
    }
}

Answer 2

如果以有序的方式命名孩子，您可以使用@for指令更轻松地进行更新：

$num-of-children: 2

@for $i from 1 through $num-of-children
  #sub-#{$i}
    @extend %parent-children

#parent
  %parent-children
    //styles

此外，如果id更随意，您可以将列表传递到@each指令以实现类似的效果：

$children: sam ramond lemons butter

@each $child in $children
  ##{$child} 
    @extend %parent-children

#parent
  %parent-children
    //styles

SASS通配符*选择父级内的所有ID

2 个答案: