有条件地将css应用于th和td'；s在ng重复下

我想垂直显示除第一个之外的所有标题文本。我的表是使用ng repeat动态创建的。我尝试使用ng类

<th class="scenarioTableHeader alignVerticalText" ng-repeat="column in cols"><div class="verticalTextScenario" ng-class="{'scenarioBranchHeader':$first}">{{column}}</div></th>

{{column}

但是默认类（verticalTextScenario）覆盖了ng类中的css（scenarioBranchHeader）

---

我在JSFIDLE中附上了一个示例。任何帮助都将不胜感激。

只需将您的scenarioBranchHeader类更改为

.scenarioBranchHeader{
    text-align: center; 
    width:250px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

---

它应该做这项工作。我加了一把新小提琴。请查看。

只需将您的scenarioBranchHeader类更改为

.scenarioBranchHeader{
    text-align: center; 
    width:250px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

---

它应该做这项工作。我加了一把新小提琴。只需查看即可。

从CSS选择器中排除第一个子项：

---

注意：不要忘记添加无前缀属性！！对于isntance，Internet Explorer无法使用您的代码。将

变换：旋转（-90度）

添加到底部的列表。

从CSS选择器中排除第一个子项：

---

注意：不要忘记添加无前缀属性！！对于isntance，Internet Explorer无法使用您的代码。将变换：旋转（-90度）添加到底部的列表中。

您可以用以下内容替换div：

<div ng-class="{'scenarioBranchHeader':$first,'verticalTextScenario':!$first}">{{column}}</div>

{{column}

---

更新的

您可以用以下内容替换您的div：

<div ng-class="{'scenarioBranchHeader':$first,'verticalTextScenario':!$first}">{{column}}</div>

{{column}

---

更新了

从div中删除class属性，并像if-else语句一样通过ng类实现

 <th class="scenarioTableHeader alignVerticalText" ng-repeat="column in cols">
         <div ng-class="{'scenarioBranchHeader':$first,'verticalTextScenario':!$first}">
    {{column}}
     </div>
</th>

{{column}}

从div中删除class属性，并像if-else语句一样通过ng类实现

 <th class="scenarioTableHeader alignVerticalText" ng-repeat="column in cols">
         <div ng-class="{'scenarioBranchHeader':$first,'verticalTextScenario':!$first}">
    {{column}}
     </div>
</th>

{{column}}

只需将

-webkit-transform:initial

添加到您的

scenarioBranchHeader

类中？只需将

-webkit-transform:initial

添加到您的

scenarioBranchHeader

类中？我确实尝试过（忘记在jsfiidle中包含这些行）但由于某些原因，verticalTextScenario中的webkit转换会覆盖我项目中scenarioBranchHeader中的webkit转换。但在fiddle中它看起来还可以。我猜是我项目中的其他css造成了这个问题…感谢您的帮助，我确实尝试过（忘记在jsfiidle中包含这些行）但由于某些原因，verticalTextScenario中的webkit转换会覆盖我项目中scenarioBranchHeader中的webkit转换。但在fiddle中它看起来还可以。我猜我项目中的其他css会导致问题…谢谢你的帮助谢谢一帮人…你让我的一天…像一个charm@Ezhil你应该接受。不要依赖CSS，你可以从一开始就在angular中这样做！非常感谢…你让我的一天…工作得很顺利charm@Ezhil你应该接受。不要依赖CSS，你可以从一开始就在angular中这样做！这是一个更好的解决方案@Ezhil你应该接受这个答案。非常感谢@MohammedAzhar tht正是我需要的…@BramVanroy是的，你是对的。这个答案更倾向于角度。无论如何，感谢你让我知道如何通过CSST来做这是一个更好的解决方案@Ezhil你应该接受这个答案。非常感谢@MohammedAzhar tht这正是我需要的…@BramVanroy是的，你是对的。这个答案更倾向于角度。无论如何，谢谢你让我知道如何通过css来做