V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
mathcoder23
V2EX  ›  问与答

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

  •  
  •   mathcoder23 · 2016-03-09 12:18:51 +08:00 · 3934 次点击
    这是一个创建于 3208 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    在自己的样式文件里定制 a { color: blue; }
    后声明的代码会覆盖掉前面声明的代码
    hahastudio
        7
    hahastudio  
       2016-03-09 13:37:57 +08:00   ❤️ 1
    How to Customize the Default Bootstrap Style, the Right Way
    https://bootstrapbay.com/blog/customize-bootstrap/
    Customize and download
    https://getbootstrap.com/customize/
    moxiaonai
        8
    moxiaonai  
       2016-03-09 15:00:01 +08:00 via Android   ❤️ 1
    自定义样式覆盖
    dangyuluo
        9
    dangyuluo  
       2016-03-09 15:38:24 +08:00   ❤️ 1
    @cyio 考虑到优先级,并不是后声明的样式就会覆盖。
    cyio
        10
    cyio  
       2016-03-09 16:00:21 +08:00   ❤️ 1
    @dangyuluo 谢谢提醒,这个知识点快忘了。
    xuwenmang
        11
    xuwenmang  
       2016-03-09 20:07:46 +08:00   ❤️ 1
    不要修改默认的 css 文件,自己定义一个 css
    mathcoder23
        12
    mathcoder23  
    OP
       2016-03-10 14:22:48 +08:00
    谢谢大家了,我最后用
    .nav .navbar-nav > li >a {
    color:
    }
    这种方式重载了.不过的注意执行顺序.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4846 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 05:40 · PVG 13:40 · LAX 21:40 · JFK 00:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.