是否可以使用任何SASS函数确定任何容器的子容器数？

是否可以使用任何SASS函数确定任何容器的子容器数

例如，我有一个容器，它有3列：

    <div class="columns columns_3">
        <div class="column"></div>
        <div class="column"></div>
        <div class="column"></div>
    </div>

对于这个容器，我想实现一个mixin，它是+columns\u3

---

但是如果容器有第n个子容器，那么mixin将是+columns\n

我认为您可以这样做：

@函数numberval{@return val}； @mixin+列{number10}{ //你的代码；

---

} 我想你可以做到：

@函数numberval{@return val}； @mixin+列{number10}{ //你的代码；

---

} 如果你有一个范围，你可能会使用for循环，这取决于你需要做什么。例如：

$gridWidth = 100%;
@for $numItems from 1 through 12 {
  .columns_#{$numItems} {
    .column {
      width: $gridWidth / $numItems;
    }
  }
}

---

如果你有一个范围，你可能会使用for循环，这取决于你需要做什么。例如：

$gridWidth = 100%;
@for $numItems from 1 through 12 {
  .columns_#{$numItems} {
    .column {
      width: $gridWidth / $numItems;
    }
  }
}

---

你想知道有多少孩子有一个元素，并为它设置正确的类。 您需要Javascript来检测child、HTML和CSS的数量

SCSS

var element=document.getElementsByClassName'element'[0]； var childs=element.childElementCount； 元素.classList.addelement-+childs； .元素{ 宽度：100%； } .元素组{ 高度：100px； 浮动：左； 边框：1px000； -webkit框大小：边框框； 框大小：边框框； } .第4组{ 宽度：25%； }

---

你想知道有多少孩子有一个元素，并为它设置正确的类。 您需要Javascript来检测child、HTML和CSS的数量

SCSS

var element=document.getElementsByClassName'element'[0]； var childs=element.childElementCount； 元素.classList.addelement-+childs； .元素{ 宽度：100%； } .元素组{ 高度：100px； 浮动：左； 边框：1px000； -webkit框大小：边框框； 框大小：边框框； } .第4组{ 宽度：25%； }

---

我不知道，但是如果你解释你的问题和你需要达到的目标，很可能其他人以前也有过，并且有答案，也许不知道数字不是真正的问题。你有范围吗？或者是1-9999999？如果没有范围会更好，所以我可以在任何情况下实现。但是1-12范围现在应该可以解决我的问题了：如果你问的是这样的话，SASS无法读取你的HTML。我不知道这一点，但是如果你解释你的问题和你需要实现的目标，很可能其他人以前也有过，并且有一个答案，也许不知道数字实际上不是问题。你有范围吗？或者是1-9999999？如果没有范围会更好，所以我可以在任何情况下实现。但是1-12范围现在应该可以解决我的问题了：如果你是这么问的话，SASS不能读取你的HTML。它将如何确定.columns容器中的子容器的数量？不是JavaScript。。如果您想动态确定元素的数量，请使用JavaScript解决方案。但是在我的例子中，如果你设置了3，并且你使用了这个mixin，在你的HTML中你需要有三个子元素。它将如何确定.columns容器中的子元素的数量？不是JavaScript吗。。如果您想动态确定元素的数量，请使用JavaScript解决方案。但是在我的例子中，如果你设置了一个3，并且你使用了这个混合，在你的HTML中你需要有三个孩子。太棒了！它工作完美，是一个完整的解决方案；谢谢令人惊叹的它工作完美，是一个完整的解决方案；谢谢