为什么bootstrap对响应类使用'!important'?

时间:2016-02-29 20:55:28

标签: css twitter-bootstrap important

Bootstrap响应实用程序都使用!important,这对我来说没有多大意义。并且它不像col-xx-xx那样进行继承。我想知道为什么他们为这些课程添加了!important。有人提到它是为了特异性。那是什么意思?此外,show和hide类似乎也使用!important。为什么呢?

1 个答案:

答案 0 :(得分:4)

虽然使用!important很少是一个好主意,因为你注意到自己,因为在不使用!important的情况下覆盖是一种痛苦,我相信TB有充分的理由为响应做法实用程序。

如果你声明你想要,例如一个按钮在例如不可见小型显示,通过将hidden-sm类设置为该按钮,您永远不希望它在小型显示器上可见。如果你不想在该实用程序类上使用重要的,那么你会在想要通过添加.btn-block课程在所有其他显示尺寸上设置阻止按钮,您的按钮会在小显示屏上再次显示,因为.btn-blockdisplay属性设置回{{1} }。或者至少它可以,取决于事物的顺序,因为block.hidden-sm在css的级联规则方面具有相同的特异性。

没有.btn-block声明,你无能为力。因此,这是您必须使用它来保证正确行为的边缘情况之一。

但你对此提出质疑,!important只应作为最后的手段使用!