!important

最近有个客户要求改变系统风格,奈何公司没有美工,虽然有花钱请人做样式,但是使唤起来总是不那么顺手,太多细枝末节,只能自己动手。

今天发现一个css里的新玩意儿,“ !important ”,感叹号加个important,意思倒是很明确,就是说这个样式很重要呗,好使的很。

如下图中红色框的地方,点击后,下面整块隐藏

隐藏后的效果,见下图,隐藏后美工给的样式不太对,明显底部的宽度宽了,原因是块隐藏了,但是上下两部分的间隔没有隐藏,两部分叠加在一起,显得底部留的空间大了

写js也是能够处理这个宽度的,比如js控制上部分的bottom值,不过发现写css要简单的多,因为这里美工已经加了样式控制,只是没有控制好,那稍稍改动下css,比重新写js要方便的多,但是样式怎么才能覆盖已经存在的样式呢,样式应用的优先级曾经倒是也有了解过一部分,比如先加载的样式会被后加载的样式覆盖,html标签上的样式会覆盖样式文件里的样式,这个就是优先级。

但是想要保证不管先后加载顺序如何,都要应用的样式如何定义,那就要用到这个感叹号important了,见下图

加了这个后,效果杠杠的,就一句话就搞定了,css学习学习还是好处多多滴

原文地址:https://www.cnblogs.com/LcxSummer/p/9948154.html