html - 修改 Angular2 中工具提示的 BootStrap4 Css

Question

我在我的项目中创建了 ngbtooltip，基本上我试图在显示填充、颜色和对齐时覆盖 bootstrap 4 css。

我正在尝试使用单独的 css 文件，这样我就不需要修改主引导 css。

我的html文件是

<div class = 'test123' *ngIf = "config.description" >
<i [ngClass]="_tooltipClass" [placement]="_placement"  [ngbTooltip]="config.description"></i>
</div>

我创建的 css 文件没有任何影响，相反，我的工具提示一直依赖于主 css，而不是听我为工具提示创建的 css。

例如，引导程序的主 css 文件使用“text-align:center”，我试图实现的目标如下所述，“text-align:right”。但是当我运行我的浏览器时。它显示文本为中心而不是反应

.test123 .tooltip-inner  {
 max-width: $tooltip-max-width;
 padding: $tooltip-padding-y $tooltip-padding-x;
 color: $tooltip-color;
 text-align: right;**
 background-color: $tooltip-bg;
 @include border-radius($border-radius);

 &::before {
 position: absolute;
 width: 0; 
 height: 0;
 border-color: transparent;
 border-style: solid;
  }
}