AngularJS ng类无法覆盖引导下拉CSS规则

使用AngularJS-1.2.26指令ng类，我试图为下拉菜单和下拉标题覆盖Bootstrap 3.2 CSS规则，但我的新字体大小、填充、边距不会影响html显示

我正在使用AJS1.2.26 ng类成功覆盖（BS3基类）导航栏品牌、导航栏导航以及其他使用AJS技术的导航栏导航，如下所示：

<a data-ng-class="settings.navbarBrandDensity" class="navbar-brand" ui-sref="home">App</a>
<ul data-ng-class="settings.navbarNavDensity" class="nav navbar-nav">
<span data-ng-class="{invisible: settings.displayDensity != 'comfortable'}"> class="fa fa-check fa-fw" </span>&nbsp;&nbsp;Comfortable</a>

下面下拉菜单中的舒适是BS3的默认值，下拉菜单中的舒适是当用户单击“舒适”时我想要应用的新规则

dropdown-menu-cozy {
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
}

dropdown-menu-comfortable {
  padding: 10px 0 !important;
  margin: 4px 0 0 !important;
  font-size: 18px !important;
  /* font-size: inherit !important; */
}

这是Chrome开发工具的一个屏幕截图，它显示了当我消除（即取消检查）字体大小、填充、边距的值时，事情看起来就正常了。（取消选中会导致下拉列表继承我在navbar父级中成功更改的规则）我正在使用pestiside CSS调试库获取图片中元素周围的行/框

CSS有点让我发疯！我是一个程序员宝贝！如果有人能看穿这只小猎犬，看到更好的方法，我们将不胜感激

也许我不知道ng类有一些限制，或者在AJS的后续版本中有一些修复（由于IE项目的限制，我没有尝试过1.3.x）

如果有人对BS3这种舒适、舒适、紧凑的操作感兴趣，我可以使用Yeoman、Grunt和Bower制作一个完整的GitHub

---

如果已经存在压缩或扩展BS3填充的CSS文件（项目），我肯定会感兴趣

简单但严重的错误：

您忘记了css中指示类的

点

简单地替换所有

dropdown-menu-... {
   ...
}

与

---

非常好的详细问题，我很高兴搜索您的问题：）谢谢！这是“星期六晚上，所以我想没关系”Damb dots！（例如，重要的小事）

dropdown-menu-... {
   ...
}

.dropdown-menu-... {
    ...
}