怎么让自己写的css文件覆盖boostrap.css样式

2025-02-27 12:46:25

推荐回答（2个）

回答1：

由于css选择器是根据元素定义的权重来计算加载的，所以把自己的css文件Link放在bootstrap后面未必会覆盖掉其样式（不过推荐先这样尝试一下）

但最保险的办法是为页面上的其中一个根元素指定其他任意ID，例如：< body id =“mystyle”>

这样，尼可以在你的ID前面添加任何CSS选择器，立即为元素添加100点的权重，并覆盖Bootstrap定义

#mystyle h1 {
line-height: 1;
color: inherit;
}

在自己的css文件中直接采用以上的根据id定义的写法，就可以提高你的定义的权重值，从而覆盖bootstrap 的样式

回答2：

最简单的方法把使用bootstrap的类名换成自己写的css的类名，看你想替换的多不多了。你可能只是一部分想用自己的css。
在属性值后边加!important，最高优先级
.testClass{
color:blue !important;
}