引导：选项卡字体大小不随CSS更改

我正在尝试更改网页上Twitter引导选项卡的字体大小。看起来很简单，但由于某种原因，它不起作用

<!-- Le styles -->
<link href="assets/bootstrap2-2/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/bootstrap2-2/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
  .nav-tabs li a {font-size:22px;}
</style>

在我的JSFIDLE示例中，一切都正常

但是，它在实际的网页上无法正常工作：（向下滚动一点-仅在页面上的选项卡上）

我已经通过Google Chrome Inspector（.nav tabs li a）将字体大小更改为22px，它可以工作，但是当我将

.nav tabs li a{font size:22px；}

添加到我的

style.css

中时，它似乎不起作用。我还尝试了

.nav tabs>li>a

---

你有没有想过为什么会这样？谢谢

不幸的是，字体已硬编码到引导程序中。这里有几个线索，你可以看看人们在哪里提出了类似的问题，并得到了一些关于如何解决问题的指导

---

可能是您的样式。css在其他样式之前连接，因此属性被覆盖。尝试设置连接css文件的顺序

---

或者尝试向ul或li添加字体大小属性。

我尝试了很多方法，甚至使用jQuery更改字体大小，但都没有效果，因为正如David所说，字体是硬编码到引导程序中的

我最终在bootstrap responsive.CSS之后添加了一行CSS，这使它工作起来

<!-- Le styles -->
<link href="assets/bootstrap2-2/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/bootstrap2-2/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
  .nav-tabs li a {font-size:22px;}
</style>

.nav标签li a{font size:22px；}

使用指令（！重要） 例如：

---

字体大小：更小！重要的

在你的页面上，我的标签以22像素的速度出现，这个问题解决了吗？@Andreslich，问题解决了。我只是还不能接受我自己的答案。