如何解释CSS新手的"级联"?

Jos*_*ola 12 html css semantics

我很难向CSS新手解释使用样式表时级联如何工作.无论出于何种原因,新手似乎自然而然地只是在每个元素中添加一个类.例如,从这个问题中获取代码片段(没有违反OP,overherainbow).

这样做:      ul#nav { }并且ul#nav li { }
优于:ul.nav { }li.navLinks { }

这是一个非常基本的例子,但你明白了.在这种情况下使用继承显然是有益的.

我曾尝试使用语义作为参考点,但事实并未证明这是有效的.由于OOP的先验知识,术语"类"很可能是侵入/混淆.最终,经过良好的榜样看到了良好的榜样,他们总是有突破性的时刻,他们终于"得到它".但是,我正在寻找一种简化这一过程的方法,因为我不想成为那些不得不回过头来维持这种滑入生产的副产品副产品的人.

我特别喜欢这个解释递归的答案.我在学校的时候有一个类似的解释,我立即"明白了".我希望那里的人有一种类似的方式来解释级联,但是很彻底.

nic*_*men 4

也许你可以从一开始就忽略 id 和 class 开始。只是做一些“愚蠢”的事情,比如根据层次结构非常具体地寻址元素。然后解释分组和标签,并将它们结合起来?