0

我有 2 个控件，它们的宽度必须为 100%。所以我有一个问题更好：

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

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

我是说：

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

对比

.maxWidthWidget { 宽度：100%; }

4

4 回答 4

2

使用 .maxWidthWidget 如果您遵守这些命名约定，更新站点会更容易。只有当他们需要不同时才分开。

于 2013-10-22T20:08:13.283 回答
0

更好的解决方案是：

.myFirstWidget, .mySecondWidget {
  width: 100%;
  /* Other shared properties... */
}
.myFirstWidget {
  /* Properties specific to this widget... */
}
.mySecondWidget {
  /* Properties specific to this widget... */
}
于 2013-10-22T20:09:55.560 回答
0

也许像这样？

.myFirstWidget,.mySecondWidget {
  width: 100%;
}
于 2013-10-22T20:09:00.893 回答
0

我会选择适合所有人的一类。它作为一个名称更具描述性，并且更易于维护，并且使用了可重用性原则。:-)

于 2013-10-22T20:09:08.243 回答