CSS样式冲突问题

最新推荐文章于 2024-04-13 19:55:38 发布

Katherine130

最新推荐文章于 2024-04-13 19:55:38 发布

阅读量555

点赞数

文章标签： css

本文链接：https://blog.csdn.net/Katherine130/article/details/109155053

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

背景：框架的CSS有一个样式navbar-default和navbar-pf，引入bootstrap.min.css文件也有一个一样的，导致样式冲突，框架的样式去优先使用了bootstrap.min.css中的navbar-default和navbar-pf样式。

解决：修改框架的CSS优先级，增加两个样式

#container .navbar-default 通过ID container去找class navbar-default，此时他的优先级最高。

#container .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

#container .navbar-pf {
    background: #030303;
    border: 0;
    border-radius: 0;
    border-top: 0px solid #39a5dc;
    margin-bottom: 0;
    min-height: 0
}