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

Question

我正在尝试确定在我的页面上实现大多数 CSS 样式的最佳方法。我认可的 2 种方法是:

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

fieldset.MyForm { }
legend.MyForm { }

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

.MyForm fieldset { }
.MyForm legend { }

根据我对这两种方法的实验:

1) 似乎更准确，不需要的继承或必须否决现有类以使样式工作的可能性较小，但由于样式不共享，我需要不断地重新定义它们。

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

在代码可读性/可扩展性/可维护性方面更好的方法是什么？是否还有我尚未确定的另一种更好的方法？

谢谢

Answer 1

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

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