一些学生说,CSS样式优先计算的除外!重要的规则,即CSS样式优先级的“最高级别”,这实际上是有道理的,因为从结果的角度来看,这似乎与事实一致。无需内部关节风格或结合180条面条的样式选择,可以覆盖!重要的。
例如,优先级的第一个级别重量实际上是一种非常高的样式,它将很容易被重要的风格覆盖。
根据以下优先权重规则的样式,“ #main .box p span {}”的优先级权重约为0113,“ .text {}”的优先级权重约为0010。
千:如果您声明样式的属性(内部样式),则应该得到一个点。该语句没有选择器,因此其分数始终为1000.hundress.hundress.hundry.hundress:selector包含ID Selectioner。包含类选择器,属性选择器或伪-CLASS。点:选择器包含元素和伪元素选择器。
Body P Span00030003.box00100010#Main01000100总计01130113.Box00100010总00100010,如上图所示。结果很明显。使用文本颜色。我们必须注意,“ #main .box p span {}”的优先级重量约为0113,而“ .text {}”的优先级重量大约是0010。样式是因为!重要的例外规则。从技术上讲!重要的是与优先级无关,所以您多少!重要的优先重量是?10,000?八千?这不能计算。这是一个特殊的规则,与最终结果直接相关,但与优先级无关。
当然,如果您从样式结果的角度了解,请考虑一下!重要的是具有较高的优先级重量。尽管不存在重量值,但问题不大。但是说它更适合于样式优先级,因为它是如此的设计。
关于例外规则,这是不合适的,在一组计算规则的情况下,很难计算(难以解释),使用异常规则非常好。
提示:在CSS中使用!重要的合理场景是覆盖不良和难以更改。重要的是覆盖+难以更改是我的想法!重要的是合理的应用程序场景。
例如,以下场景:
内部关节样式的优先重量很高。如果不方便更改源代码中的样式,请选择!重要的是要覆盖原始的内部连接样式是合适的。由于此时,除了更改源代码外,还有哪些其他方法可以改变内部样式?似乎已经消失了。更改源代码”,例如第三党插件的内部样式,这确实是不便的变化。如果它是您自己开发的项目,则更改源代码可能比使用更合适!重要的是要掩盖。对于某些旧项目,可以移动此源代码,但是如果您认为“更改源代码”非常费力,那么您也有一些理由使用它!重要的是,但不建议这样做。
除了内部的关节风格外,还有一个需要使用的场景!重要的是,这是一种优先级和重量高的样式。优先级高,重量很大。什么是概念?除了源代码(代码)外,几乎无法更改。
例如,在上面的示例中,HTML主体#Main {}的优先级非常高。如果代码处于第三方插头-in,我们不方便更改源代码,也就是说,不可能使用内部关节样式的秘密武器,并且样式通过优先级渗透不够,目前没有好方法!重要的场景。
或这种样式的html身体#main {},如果它在自己的项目中,则更改HTML主体#Main {}本身并不方便,因为它可能会带来一些副作用,并且编写内部效果不好形式样式,然后您可以考虑。重要。请特别注意,使用!重要的是因为html身体#main {}太高。在使用之前,它不受其他级别的连接样式规则的涵盖!重要。如果是html #main {}或身体#main,那么优先级不是很高的样式,那么不应使用它!重要的规则,因为我们仍然有适当的选择,例如HTML身体的优先级#main {}比优先级比都高。
另一种情况是使用了旧样式!重要的规则,我们不方便更改源代码(代码),然后我们只能使用!重要的是要覆盖!重要的样式。例如,以下方式:
有时,它可能与样式穿透性相结合,例如:
您为什么要特别强调谨慎的使用,因为如上一篇文章所述,例外规则不能被视为优先权重,也就是说,使用将破坏固有的级别规则,使调试查找错误,并且覆盖范围样式变为更难在更难的情况下,有必要强调谨慎的使用。
所以:
①风格 - 级别的关节规则,请勿使用!重要的。
②还有一种覆盖样式的方法。不要使用它!重要的。
以下是Mozilla的经验规则的提醒: