准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。 电报: @latestdbs

编写简洁 CSS 的黄金准则

以下是我们的书的摘录,作者是 Tiffany Brown。副本在世界各地的商店出售,或者您可以在此处购买电子书形式。编写简洁 CSS 的黄金准则 如前所述,编写干净的 CSS 有一些规则,您应该尽力避免违反这些规则。他们将帮助您编写轻量级且可重用的 避免全局选择器和元素选择器 省略过于具体的选择器 使用语义类名 不要将 CSS 与标记结构联系得太紧密 让我们一一看看这些。 避免全局选择器 Learn to Code with JavaScript 全局选择器包括通用选择。应用于这些选择器的样式声明将应用于站点上的每个此类元素。

避免全局选择器

这是一个例子 这看起来足够无害。但是如果我们想创建一个样式不同的按钮怎么办?让我们设计一个.close用于关闭对话框模块的按钮在这里使 澳大利亚 WhatsApp 数据 用而不是dialog元素,因为支持dialog仅限于基于 Blink 的浏览器,例如  现在我们需要编写 CSS 来覆盖我们不想从button规则集继承的每一行我们仍然需要许多这样的声明来覆盖浏览器默认值。但是如果我们将样式button范围限定为一个.default类呢?然后我们可以从规则集中删除和声明。尺寸减小了同样重要的是,避免使用全局选择器可以降低样式冲突的风险。

澳大利亚 WhatsApp 数据

避免过于具体的选择器

处理一个模块或文档的开发人员不会无意中添加在另一模块或文档中产生副作用的规则。 全局样式和选择器非常适合重置和标准化默认浏 伊朗 WhatsApp 号码列表 览器样式。然而,在大多数其他情况下,它们会导致膨胀。 避免过于具体的选择器 保持选择器的低特异性是创建轻量级、可重用和可维护的 CSS 的关键之一。您可能还记得特异性,类型选择器性为当您将类名添加到元素时,该选择器的规则优先于更通用类型的选择器规则。无需通过将类选择器与类型选择器组合来进一步限定类选择器。这样做会增加该选择器的特异性并增加整体文件大小。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注