Question

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

我想使用这个方案：textField.textContentType = UITextContentTypeTelephoneNumber;

例如：class="property-name(direction)(value)"

在CSS中，它将被写为class="margin(top)(15)"

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

＆＃13;

.margin\(top\)(\15\) { ... }

＆＃13;

.sample__wrapper {
  border: 1px solid #eee;
  padding: 15px;
}

.sample__item {
  width: 100%;
  height: 100px;
  background: #eee;
}

.margin\(top\)\(15\) {
  margin-top: 15px;
}

＆＃13;

因为我很少看到这种语法（使用<div class="sample__wrapper"> <div class="sample__item"></div> <div class="sample__item margin(top)(15)"></div> </div>作为括号），我想知道它是否允许这样做？

修改

关于grammar of CSS（此处为2.1），允许使用括号。
感谢@Dan Kreiger在下面的评论中，有一个CSS框架 - 使用相同的＆＃34;可读性的想法＆＃34; - 叫Atomic CSS。此外，指向CSS tricks article的链接（不是框架，术语）。
最后，HTML（ to me ）非常易读。 CSS或JS不会！
玩得开心！ ☺

Answer 1

这可能不是问题的答案，因为它主要是基于意见的。

在可重用性和可读性的上下文中使用BEM会更好。与您的工作相比，它为课程提供了良好的结构。

在定义类时，每次都使用\，这将是一团糟。

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

1 个答案: