bootstrap 如何用了某个样式后修改样式的的比如颜色之类的?

2016-03-09 12:18:51 +08:00
 mathcoder23

比如<ul class="nav navbar-nav">
我使用了这两个样式,它会把里面的 a 标签颜色设置颜色,我想修改 a 标签的颜色

3938 次点击
所在节点    问与答
12 条回复
dong3580
2016-03-09 13:10:17 +08:00
你再给 a 加个强制样式!important
zjj2008se
2016-03-09 13:11:59 +08:00
直接查找 bootstrap.css 里面的.navbar-nav 里面的东西不就得了?
dangyuluo
2016-03-09 13:15:22 +08:00
important 是个妥协的选项,最终还是要在页面结构、 CSS 优先级上入手,在尽量不改动 bootstrap.css 的情况下,用自己的样式进行覆盖。这样以后库升级的时候,可以避免很多坑。
just1
2016-03-09 13:25:41 +08:00
自己写样式
.nav > li >a {
color:
}
just1
2016-03-09 13:26:20 +08:00
@just1
.nav .navbar-nav > li >a {
color:
}
cyio
2016-03-09 13:29:51 +08:00
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />

在自己的样式文件里定制 a { color: blue; }
后声明的代码会覆盖掉前面声明的代码
hahastudio
2016-03-09 13:37:57 +08:00
How to Customize the Default Bootstrap Style, the Right Way
https://bootstrapbay.com/blog/customize-bootstrap/
Customize and download
https://getbootstrap.com/customize/
moxiaonai
2016-03-09 15:00:01 +08:00
自定义样式覆盖
dangyuluo
2016-03-09 15:38:24 +08:00
@cyio 考虑到优先级,并不是后声明的样式就会覆盖。
cyio
2016-03-09 16:00:21 +08:00
@dangyuluo 谢谢提醒,这个知识点快忘了。
xuwenmang
2016-03-09 20:07:46 +08:00
不要修改默认的 css 文件,自己定义一个 css
mathcoder23
2016-03-10 14:22:48 +08:00
谢谢大家了,我最后用
.nav .navbar-nav > li >a {
color:
}
这种方式重载了.不过的注意执行顺序.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/262154

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX