mathcoder23
V2EX  ›  问与答

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

  •  
  •   mathcoder23 · Mar 9, 2016 · 4887 views
    This topic created in 3894 days ago, the information mentioned may be changed or developed.

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

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

    在自己的样式文件里定制 a { color: blue; }
    后声明的代码会覆盖掉前面声明的代码
    hahastudio
    hahastudio
    Mar 9, 2016❤️1
    7
    How to Customize the Default Bootstrap Style, the Right Way
    https://bootstrapbay.com/blog/customize-bootstrap/
    Customize and download
    https://getbootstrap.com/customize/
    moxiaonai
    moxiaonai
    Mar 9, 2016 via Android❤️1
    8
    自定义样式覆盖
    dangyuluo
    dangyuluo
    Mar 9, 2016❤️1
    9
    @cyio 考虑到优先级,并不是后声明的样式就会覆盖。
    cyio
    cyio
    Mar 9, 2016❤️1
    10
    @dangyuluo 谢谢提醒,这个知识点快忘了。
    xuwenmang
    xuwenmang
    Mar 9, 2016❤️1
    11
    不要修改默认的 css 文件,自己定义一个 css
    mathcoder23
    mathcoder23
    OP
    Mar 10, 2016
    12
    谢谢大家了,我最后用
    .nav .navbar-nav > li >a {
    color:
    }
    这种方式重载了.不过的注意执行顺序.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3076 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 56ms · UTC 05:00 · PVG 13:00 · LAX 21:00 · JFK 00:00
    ♥ Do have faith in what you're doing.