Question

让span包含ng-repeat我想知道是否可以将CSS类应用于除了第一个元素之外的所有元素。

例如，

<span ng-repeat="row in element.Parameters track by $index" class="awesome-css-class">
      {{element.Parameters[$index]}}
</span>

我的CSS课程是

.awesome-css-class {
    margin-left: 10px;
}

我试过这种方法，但显然它不起作用

.awesome-css-class ul:not(:first-child){
    margin-left: 10px;
}

有什么建议吗？

Answer 1

试试这个：

<span ng-repeat="row in element.Parameters track by $index" ng-class="{ 'awesome-css-class': $index != 0 }">
      {{element.Parameters[$index]}}
</span>

Answer 2

您在语法中添加了错误的ul：

＆＃13;

.awesome-css-class:not(:first-child) {
  margin-left: 10px;
}

＆＃13;

<div class="awesome-css-class">Element</div>
<div class="awesome-css-class">Element</div>

＆＃13;

Answer 3

仅将课程应用于第一个元素：
https://docs.angularjs.org/api/ng/directive/ngClass

<span ng-repeat="row in element.Parameters track by $index" ng-class="[$index===0 ? 'awesome-css-class' : '']">
  {{element.Parameters[$index]}}
</span>

或者，使用纯CSS： https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst-child

.awesome-css-class:first-child
{
    background:red;
}

Answer 4

.awesome-css-class：not（：first-child） 就是你想要的。这将选择类 .awesome-css-class 的所有元素，但第一个孩子除外

＆＃13;

.awesome-css-class:not(:first-child) {
 color: red;
}

＆＃13;

<span class="awesome-css-class">1111</span>
<span class="awesome-css-class">2222</span>
<span class="awesome-css-class">3333</span>
<span class="awesome-css-class">4444</span>
<span class="awesome-css-class">5555</span>

＆＃13;

CSS类适用于ng-repeat的所有但第一个元素

4 个答案: