• !important


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

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

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

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

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

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

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

  • 相关阅读:
    linux下硬盘分区、格式化以及文件管理系统
    linux下的文档处理及tar命令
    linux文件及目录的权限管理
    linux用户和群组
    linux下mysql的安装与使用
    linux上uwsgi+nginx+django发布项目
    linux虚拟环境搭建
    linux目录文件操作
    linux基本命令
    rbac组件之权限初始化(五)
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/9948154.html
Copyright © 2020-2023  润新知