在Angular中重写css类

我有以下表格和CSS的HTML

HTML

---

我想知道如何在不更改

的情况下将
边框间距
更改为
4 4px
。设计表

CSS，因为它正在许多其他地方使用。

您可以像其他CSS框架一样执行此操作。例如，在Bulma中，你有一个类，比如说

按钮

，如果你想改变它的外观，你可以添加另一个类，比如

is primary

或者

is danger

等等

如果您可以在代码中编辑HTML，或在运行时对其进行修改，则始终可以创建更具体的CSS选择器：

HTML

---

您是否尝试将其添加为内联样式？如何操作？使用

样式

属性。如果您控制类（

“设计表悬停”

），您是否可以不添加其他类（例如

额外填充

），然后在其中添加样式？e、 g.

.design table.extraPadding{}

可能重复的

<table *ngIf="tableRows.length > 0" class="design-table table-hover">

.design-table {
    border-collapse: separate; 
    border-spacing: 0 4px;
    font-size: 14px;
}

<table *ngIf="tableRows.length > 0" class="design-table special-border table-hover">

.design-table {
    border-collapse: separate; 
    border-spacing: 0 4px;
    font-size: 14px;
}
.design-table.special-border {
    border-spacing: 4px 4px;
}