1

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 {
   #* {
}}
4

2 に答える 2

3

次のように、css セレクターのみを使用できます。

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

また

#parent {
    div[id^='sub'] {
      // styles
    }
}
于 2012-11-03T17:36:14.777 に答える
-1

@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
于 2012-11-01T19:16:15.060 に答える