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

问题描述 投票:1回答:1

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

css twitter-bootstrap
1个回答
4
投票

虽然使用!important很少是一个好主意,因为你注意到自己,因为再次使用!important覆盖是一种痛苦,我相信TB有一个很好的理由为响应实用程序这样做。

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.