我发现向新手解释CSS中使用样式表时如何工作的层叠方式很困难。不知为何，新手似乎会自然而然地开始只是向每个元素添加一个类。以这个问题（无意冒犯提问者overtherainbow）中的代码片段为例：this question。
像这样做：ul#nav { }和ul#nav li { }
比这样做更好：ul.nav { }和li.navLinks { }
这只是一个非常基本的例子，但你明白了。在这种情况下使用继承显然是有益的。
我曾经试图使用语义作为参考点，但这并没有证明是有效的。可能是因为“类”这个术语会因为面向对象编程（OOP）的先验知识而变得有趣/令人困惑。最终，他们总是会在看到一个好的例子之后，有一个突破性的时刻，最终“明白了”。但我正在寻找一种简化这个过程的方法，因为我不想成为那个不得不回去维护这个滑入生产的“类癖”副产品的人。
我特别喜欢这个答案解释了递归。当我在学校时也有一个类似的解释，我立刻就“明白了”。我希望在某个聪明的人那里能够找到类似的方法，简洁而全面地解释层叠。