样式覆盖问题

最新推荐文章于 2023-03-07 17:47:17 发布

0_undefined_null

最新推荐文章于 2023-03-07 17:47:17 发布

阅读量909

点赞数

分类专栏： DOM CSS

本文链接：https://blog.csdn.net/rangwotongxing34/article/details/79137114

版权

CSS 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

DOM

2 篇文章 0 订阅

订阅专栏

最近做前端使用外源框架，需要对框架本身使用的样式进行本地调适，这就涉及到了优先的问题。

一般，样式写在外部文件，然后引入外部文件。通过chorme控制台的Element工具定位元素样式，然后复制到外部样式文件加以更改即可覆盖原来的样式，还可以使用 !important使某个css属性的优先级提至最高级。但是，如果在元素上使用style重写了样式，那么就以style属性的值为最高级，即时外部文件使用了!important也不行。

总结：

样式按优先级从低到高的排序:外部样式表 < 内部样式表 < 内联样式其中外部和内部样式表，以加了 !important的为最高级，但仍小于内联样式