Twitter引导程序覆盖`A`在`Navbar`中

Question

我得到了以下css规则

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

我希望有填充:5px，5px，5px

Answer 1

要‘覆盖’一个样式，我们需要一个更具体的规则。接受的答案使用！重要的规则，这应该是最后的选择。就像CSS通常的情况一样，我们有太多的选项可供选择。

选项1：创建一个额外的类

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

选项2：重复一个类

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

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

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