|
Post by account_disabled on Jan 28, 2024 22:14:44 GMT -7
example不是仅仅example)。但随着 的加入!important第一条font-size规则现在有了更大的权重。 关于!important声明的一些注意事项: 当CSS1!important首次引入时带有声明的作者规则比带有声明的用户规则更重要;为了提高可访问性这在 CSS2 中被颠倒了!important!important 如果!important用于简写属性则会为简写属性代表的所有子属性添加“重要性” 关键字!important(或语句)必须放在行尾紧接在分号之前否则它将无效(尽管分号之前的空格不会破坏它) 如果由于某种特殊原因您必须在同一个声明块中两次编写相同的属性然后添加!important到第一个属性的末尾则第一个属性在除 IE6 之外的每个浏览器中都具有更大的权重(这作为仅 IE6 的 hack 但不会使你的 。 CSS 无效) 在 IE6 和 IE7 中如果您使用不同的单词代替!important(例如!hotdog)CSS 规则仍然会被赋予额外的权重而其他浏览器将忽略它 什么时候应该使用 !Important? 与任何技术一样根据情况有利有弊。那么什么时候应该使用它(如果需要的话)?这是我对潜在有效用途的主观概述。 绝不 # !important除非在用尽所有其他途径后绝对必要否则不应使用声明。如果您!important出于懒惰、避免正确调试或急于完成项目而使用它那么您就是 购买电话号码列表 在滥用它而您(或继承您项目的人)将承受后果。 120+ 原生 React UI 组件与 Next.js 完全兼容 尝试 KENDOREACT 如果您将其少量包含在样式表中您很快就会发现样式表的某些部分将更难维护。如上所述CSS 属性的重要性通过级联和特异性自然发生。当您。 使用 时!important您会破坏规则的自然流程从而为不值得如此重视的规则赋予更多权重。 如果您从不使用!important那么这表明您了解 CSS 并在编写代码之前对代码进行了适当的深思熟虑。 话虽这么说“永不言败”这句老话肯定适用于此。以下是 的一些合法用途!important。 帮助或测试可访问性 如前所述用户样式表可以包含!important声明允许有特殊需求的用户重视特定的 CSS 规则这将有助于他们阅读和访问内容的能力。 特殊需求的用户可以添加!important排版属性例如font-size使文本更大或添加与颜色相关的规则以增加网页的对比度。 在下面的屏幕截图中Smashing Magazine 的主页显示了一个用户定义的样式表该样式表覆盖了正常的文本大小这可以使用 Firefox 的开发人员工具栏来完成: 用。
|
|