实现CSS样式的最佳方法是什么？

Question

我正在尝试确定在我的网页上实现大多数CSS样式的最佳方法。我认识到的两种方法是：

1）将类属性附加到大多数元素并为每个类设置样式：

fieldset.MyForm { }
legend.MyForm { }

2）将类属性附加到容器元素和样式嵌套元素，如下所示：

.MyForm fieldset { }
.MyForm legend { }

从我对两种方法的实验：

1）似乎更准确，不必要的遗产或不得不推翻现有的类以使风格有效，但由于风格不共享，我需要不断重新定义它们。

2）从后端角度看更优雅，因为我不需要在任何地方定义类属性，但有时需要我定义.Classes .Of .Increasing .Depth以因CSS特异性而否决现有样式。

在代码可读性/可伸缩性/可维护性方面，更好的方法是什么？还有其他更好的方法我没有确定吗？

由于

Answer 1

将类属性附加到容器元素。

自然地做，少写。最好按层次结构定义选择器，而不是按每个属性定义。