在HTML类中使用括号可以吗？

我试图以可重用且可读的方式创建一些帮助器类

我想使用此方案：

class=“属性名称（方向）（值）”

例如：

class=“margin（top）（15）”

在CSS中，它将被写为

.margin\（top\）（\15\）{…}

它有效吗？是的，请看下面的小提琴：

.sample\uu包装器{
边框：1px实心#eee；
填充：15px；
}
.样本项目{
宽度：100%；
高度：100px；
背景：#eee；
}
.页边距\（前\）\（15\）{
边缘顶部：15px；
}

---

这可能不是问题的答案，因为它主要基于观点

最好在可重用性和可读性方面使用。与您将要使用的类相比，它为类提供了一个良好的结构

---

每次在定义类时使用

\

都会造成混乱。

如果您打算这样做，那么最好只编写

style=“margin top:15px”

.Related如果这个代码存在于一个真实的程序中，那么有人会在查看它时哈哈大笑。我能看到的唯一缺点是，它会让你的CSS和JS更难阅读（和代码）。有一种架构，你可能听说过，叫做。我见过人们在不使用括号的情况下应用原子CSS，但文档实际上鼓励使用括号。这里没有正确的答案，但我发现原子类非常有用。我想另一件需要记住的事情是，如果你使用括号，你将不得不在你所有的原子类中坚持这个模式。@AlexisWollseifen没问题——我刚刚发现。它指出了原子css的不同风格。这可能就是你想要的，因为原子css基本上是人们创建助手类的一种方式。是的，我在每个项目中都使用BEM，BEM和SASS是完美的。但我目前正在集成一个项目，该项目将发送给后端开发人员。为了让他在不必重建项目（使用webpack）的情况下管理样式，我认为最好给他一组助手类。因此HTML仅可读：）