CSS类命名规则

Question

我有两个必须有100％宽度的控件。所以我有一个问题是什么更好：

1）为每个控件声明CSS样式名称（CSS样式将仅包含width: 100%声明）

2）只声明一个CSS样式名称，该名称将应用于需要100％宽度的所有小部件？

我的意思是：

.myFirstWidget {
  width: 100%;
}
.mySecondWidget {
  width: 100%;
}

VS

  

.maxWidthWidget {width：100％; }

Answer 1

使用.maxWidthWidget如果您坚持这些命名约定，将更容易更新站点。只有在需要与众不同时才分开。

Answer 2

也许是这样的？

.myFirstWidget,.mySecondWidget {
  width: 100%;
}

Answer 3

我会选择一流的。它作为名称更具描述性，并且更易于维护，并使用可重用性原则。 ： - ）

Answer 4

更好的解决方案是：

.myFirstWidget, .mySecondWidget {
  width: 100%;
  /* Other shared properties... */
}
.myFirstWidget {
  /* Properties specific to this widget... */
}
.mySecondWidget {
  /* Properties specific to this widget... */
}