Twitter 引导程序覆盖“navbar”中的“a”

如何覆盖padding on a in navbar

我得到以下 css 规则

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #555555;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}  

我想要padding: 5px, 5px, 5px

要“覆盖”样式，我们需要更具体的规则。接受的答案使用!important规则，其中应该是最后的手段。正如 CSS 的常见情况一样，我们有大量可用的选项。

选项1：创建一个附加类

.primary.navbar .nav > li > a {
    padding: 5px 5px 5px;
}

选项2：重复上课

.navbar.navbar .nav > li > a {
    padding: 5px 5px 5px;
}

W3C:

允许重复出现相同的简单选择器，并且确实会增加特异性。

选项 3：使用相同的类，但在引导程序后定义该类

 <link rel="stylesheet" href="bootstrap.css">
 <link rel="stylesheet" href="modify_bootstrap.css">

如果你还不知道这一点，type="text/css" HTML5 中不需要

.navbar .nav > li > a {
    padding: 5px 5px 5px;
}