CSS 一个样式 先后加两次 !important 后面的会覆盖前面的吗？
答案:3 悬赏:50
解决时间 2021-01-25 04:13
- 提问者网友：玫瑰园
- 2021-01-24 21:22
CSS 一个样式 先后加两次 !important 后面的会覆盖前面的吗？
最佳答案
- 二级知识专家网友：往事埋风中
- 2021-01-24 23:01
这是比较基本的层叠规则计算问题了。
.sample { background: red!important; }
div { background: red!important; }
.sample { background:red!important; }
在仅有 (1) 和 (2) 时，(1) 生效，因为 (1) 的权值比 (2) 高；
在 (1) (2) (3) 并存时，(3) 生效，因为虽然 (2)(3) 的权值一样，但 (3) 是后声明的，会覆盖 (2)。
.sample { background: red!important; }
div { background: red!important; }
.sample { background:red!important; }
在仅有 (1) 和 (2) 时，(1) 生效，因为 (1) 的权值比 (2) 高；
在 (1) (2) (3) 并存时，(3) 生效，因为虽然 (2)(3) 的权值一样，但 (3) 是后声明的，会覆盖 (2)。
全部回答
- 1楼网友：毛毛
- 2021-01-24 23:40
如果你指定同一个样式的话，肯定是直接优先显示后面那个！important的，如果你想前一个还是按照前面那个样式显示的话，可以写在行内
当然会，CSS又叫层叠样式表，所谓“层叠”，就是允许多条相同样式出现，相同的样式遵循后来居上的原则，后面的覆盖前面的。
测试用例：
Examples
我是文字
这样
- 2楼网友：轻熟杀无赦
- 2021-01-24 23:23
当然会，CSS又叫层叠样式表，所谓“层叠”，就是允许多条相同样式出现，相同的样式遵循后来居上的原则，后面的覆盖前面的。
测试用例：
我是文字