如何在 SASS 中使用 .startsWith

Question

我有一个像这样的 SASS 条件，它按我的预期工作，但是你可以看到它太长了，我想重构它。如何使用 JavaScript 的 startsWith() 或 includes() 原型？

@if $styleName == margin or $styleName == margin-top or $styleName == margin-right or $styleName == margin-bottom or $styleName == margin-left {
//..something happens there
}

我正在寻找类似的解决方案：

@if $styleName.startsWith('margin'){
//..something happens there
}

Answer 1

@if str-index($styleName, "margin") {}