博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何使样式CSS不被覆盖 !important
阅读量:4950 次
发布时间:2019-06-11

本文共 658 字,大约阅读时间需要 2 分钟。

在合作的过程中,经常会遇到这样的问题,别人做的样式CSS,要保留它的基础上自己添加

然后添加了 发现没有覆盖别人而被别人覆盖了

遇到这样的问题的时候,我们可以这样解决

代码:

     
Untitled Document 以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了.
中Class中包括:!important的样式
不包括的样式

效果:

以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了.
中Class中包括:!important的样式
不包括的样式

转载于:https://www.cnblogs.com/zcy_soft/archive/2011/03/25/1995365.html

你可能感兴趣的文章
876-链表的中间结点
查看>>
BZOJ 3781 莫队
查看>>
BZOJ 3674/BZOJ 3673 主席树
查看>>
JAVA的String类
查看>>
wtforms 简单使用
查看>>
flume介绍
查看>>
eclipse优化总结
查看>>
java异常处理
查看>>
【操作系统】主存空间的分配和回收
查看>>
JZOJ 4.1 B组 俄罗斯方块
查看>>
HDU6409 没有兄弟的舞会
查看>>
2018 Multi-University Training Contest 10 - TeaTree
查看>>
HDU6205 card card card
查看>>
2018 Multi-University Training Contest 10 - Count
查看>>
HDU6198 number number number
查看>>
HDU6438 Buy and Resell
查看>>
HDU6446 Tree and Permutation
查看>>
HDU6201 transaction transaction transaction
查看>>
HDU6203 ping ping ping
查看>>
前端小笔记
查看>>