日照网站建设_特性之争与继承之痛

日照网站建设_特性之争与继承之痛

  过去几年，我们仍然在处理我在前一章中描述的 loo% 动态标记或 loo% 静态标记。不论是哪一种，我们几乎总是从全局作用域开始开发，一层一层增加细节。我们从使用通用样式开始，比如页首和段落的标签，然后给页面里的各个部分应用具体的样式：

现在侧边栏的 H2 是白色字体红色背景，除此之外的每一个 H2 都是红色字体。

这个概念很容易理解，如果你是印刷行业出身，会百感交集。每次你把一个 H2 放在侧边栏，它会被应用相同的样式，直到我们需要用到一个在侧边栏的日历组件，又要求 H2 显示为和页首一样（红色字体且不填充背景色）。但是没关系！我们可以添加另一个类名并且重写让人讨厌的侧边栏样式，对吧？

这种方法的问题很多。

选择器优先级

　　无论你处理带 ID 的标签还是长选择器，重写一个选择器时，总是需要注意它的优先级。

颜色重置

　　要恢复到原来的 H2 颜色，我们必须再次指定样式，并且要覆盖当前的背景颜色。

位置依赖

　　现在我们的日历样式依赖于侧边栏的样式。如果将日历移到页首或者页尾，样式将会改变。

多重继承

　　现在这个 H2 的样式来源多达三个，这意味着只要改变主体或侧边栏的样式，都会影响到日历的呈现。

深层嵌套

　　日历控件里的日历条目可能还有其他的 H2，而它们也需要一个更具体的选择器，这样一来，H2 的样式来源就增加到了四个。

  以上是日照网站建设公司（日照昊诺网络公司）分享，如果大家喜欢分享的网站建设知识，想了解更多请关注我们网站动态！